解决微信小程序中 calc 失效问题
发布日期:2021-05-14 16:32:38 浏览次数:9 分类:精选文章

本文共 276 字,大约阅读时间需要 1 分钟。

有效的CSS写法示例:

当使用calc函数时,确保公式两边有空格,数字与单位之间无空格,减数与括号之间无空格,并附带英文~符和双引号。

注意事项:

  • 运算符两边必须有空格(如": "前后")
  • 数字与单位之间不可有空格
  • 括号及减数之间也要避免空格(如"calc(100vh - 80rpx)")
  • 以上内容若需使用,务必加上英文~符和双引号
  • 示例代码:

    issuedHeight: calc(100vh - 80rpx);

    以上内容可以灵活应用于实际项目中,请注意实际使用时根据需要调整具体数值和单位。如果有相关图表或更详细的分析,可以在必要时单独添加说明。

    上一篇:web中的本地存储和小程序中的本地存储的区别
    下一篇:聊一聊es6中的promise

    发表评论

    最新留言

    关注你微信了!
    [***.104.42.241]2025年04月14日 20时05分17秒