微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有没有办法用条纹元素实现流畅的排版?

如何解决有没有办法用条纹元素实现流畅的排版?

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

我正在使用 Modular Scale SASS plugin,我相信它使用 calcvw 单位来动态计算字体大小(然后我也将其用于动态间距网站)。

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

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

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

我的问题是:有没有什么方法可以在不不断调用 Elements update 方法的情况下使元素内的大小也变得流畅?

解决方法

不幸的是没有。您可以在 Stripe iframe 中存在的 Elements 对象上设置的 CSS 属性受到限制:https://stripe.com/docs/js/appendix/style

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。