问答

sass中使用max函数出现单位不兼容导致报错问题

作者:admin 2021-05-05 我要评论

top: max(100%,calc(100vh - 64px)); Error:"calc("100vh - 100px")" is not a number for `max' 因为max的两个参数必须单位一致,那么要怎样做下兼容,请各位...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
top: max(100%,calc(100vh - 64px));

Error:"calc("100vh - 100px")" is not a number for `max'

因为max的两个参数必须单位一致,那么要怎样做下兼容,请各位大神帮忙看下

image

###

不是这个问题。

而是因为 max() 不是真正的 CSS 特性,而是 SASS 在编译时做的特殊处理,最后只保留两者中的最大值。

这就要求在 SASS 编译期间,这两个参数是确定的值,否则 SASS 咋识别谁大?

calc() 是个动态的值,其实际值在运行期间在能确定下来,SASS 编译时怎么可能知道到底是它大还是 100% 大?

你写的这个思路就有问题。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • sass中使用max函数出现单位不兼容导致

    sass中使用max函数出现单位不兼容导致

  • python3 在linux 绝对路径无法运行,子

    python3 在linux 绝对路径无法运行,子

  • HTML 一个定位的问题

    HTML 一个定位的问题

  • echat综合数据的展示

    echat综合数据的展示

腾讯云代理商
海外云服务器