有没有办法用 Stripe Elements 实现流畅的排版？答案

【问题标题】：Is there any way to implement fluid typography with Stripe Elements?有没有办法用 Stripe Elements 实现流畅的排版？
【发布时间】：2021-07-16 16:24:10
【问题描述】：

我正在使用 Stripe Elements 在我的网站上构建一个自定义结帐，该结帐使用流体排版根据视口宽度在模块化比例内调整文本大小。

我正在使用Modular Scale SASS plugin，我相信它使用calc 和vw 单位来动态计算字体大小（然后我也将其用于网站内的动态间距）。

目前，我在隐藏的 div 上使用元素 id #stripe-styles 和类似的东西

const styles = window.getComputedStyle(document.getElementById('stripe-styles'))
const fontSize = styles.getPropertyValue('font-size')

为了在元素初始化时获取计算值并将其传递给条带元素样式对象。这在大多数情况下都可以正常工作，但如果调整了窗口大小，则该元素会保留第一次创建时的 font-size 属性。

我的问题是：有什么方法可以在不不断调用 Elements update 方法的情况下，让元素内的尺寸也变得流畅？

【问题讨论】：

标签： javascript css stripe-payments

【解决方案1】：

很遗憾没有。您可以在 Stripe iframe 中存在的 Elements 对象上设置哪些 CSS 属性受到限制：https://stripe.com/docs/js/appendix/style

【讨论】：