calc计算,移动端布局
Posted bonly-ge
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了calc计算,移动端布局相关的知识,希望对你有一定的参考价值。
在做移动端页面布局的时候,需要做到响应式,也就是文字会随着页面的大小改变以后文字的大小和div的宽高等比例跟着改变。
rem 单位
是相对于html的font-size的来的,所以用rem单位就可以实现。
我们只要把HTML的font-size设置自适应,其他的单位用ren以后自然就能实现。
vw 单位
是视口的单位
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
所以我们设置
html,body{
font-size: calc(100/750*100vw);
}
以上是关于calc计算,移动端布局的主要内容,如果未能解决你的问题,请参考以下文章