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

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

年份
2020
分类
Web
阅读

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