Css
calc() 计算函数
使用方式:
.main{
top: calc(50% - 56rpx);
left: calc(50% - 150rpx);
}
参数说明:
calc(计算表达式)
计算表达式支持 "+", "-", "*", "/" 运算;
计算表达式遵循数学运算优先级规则;
注意事项:
运算符前后都需要保留一个空格,例如:width: calc(100% - 10px)
;
calc支持css定义的所有单位,查看(单位(尺寸)),
例如,如果想高度为屏幕窗口的百分百,则可以
.main{
width: calc(100vw);
height: calc(100vh);
}