小程序 calc() 加空格才能生效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 calc() 加空格才能生效相关的知识,希望对你有一定的参考价值。

使用calc(),要写成:width: calc(100% / 3 - 2rpx - 10rpx); 才生效。 像:width: calc(100%/3-2rpx-10rpx);

.in{
  width: calc(100% - 30px - 10%);
  width: -webkit-calc(100% - 30px - 10%);
  width: -moz-calc(100% - 30px - 10%);

  height: calc(100% - 20px - 12%);
  height: -webkit-calc(100% - 20px - 12%);
  height: -moz-calc(100% - 20px - 12%);

  background: skyblue;
  padding: 20px 10% 12% 30px;
}

以上是关于小程序 calc() 加空格才能生效的主要内容,如果未能解决你的问题,请参考以下文章

css3的calc属性不生效问题

微信小程序的calc不生效处理

css calc()不起作用

小程序各种功能代码片段整理---持续更新

为啥微信小程序在iOS真机测试z-index设置不生效

uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况