首页 > 移动平台 > 详细

calc计算,移动端布局

时间:2018-09-09 16:27:43      阅读:244      评论:0      收藏:0      [点我收藏+]

在做移动端页面布局的时候,需要做到响应式,也就是文字会随着页面的大小改变以后文字的大小和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计算,移动端布局

原文:https://www.cnblogs.com/bonly-ge/p/9613964.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!