html5移动手机页面怎么做自适应

 Lan   2020-02-23 13:57   196 人阅读  0 条评论

1. 添加meta标签:viewport

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

2. 下载适配文件:Html5.js


   点击进入


3. 尺寸默认大小


引入文件后会发现html这个根的font-size在iphone6的情况下37.5px,按照尺寸就可以进行布局了,当然布局也是rem单位


简单来说,你的盒子假设是50px,那就是50/37.5=1.333333rem

本文地址:https://www.lanol.cn/post/3.html
版权声明:本文为原创文章,版权归 Lan 所有,欢迎分享本文,转载请保留出处!
PREVIOUS:已经是最后一篇了

 发表评论


表情

还没有留言,还不快点抢沙发?