CSS3中的calc、constant、env函数，IOS适配以及小程序字体加粗

CSS3中的calc、constant、env函数，IOS适配以及小程序字体加粗

1. css3中的calc()函数

最近做项目，看到别人的css中出现的，发现此函数是用于动态计算长度值。

1.1 calc()使用注意点

• 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
• 任何长度值都可以使用calc()函数进行计算；
• calc()函数支持 “+”, “-”, “*”, “/” 运算；
• calc()函数使用标准的数学运算优先级规则；
• 在less预编译语言中 应该这样使用 width:calc(~“100% - 10px”);

1.2 calc()含义

如下代码：

.box{
   
  width: calc(100% - 10px);