Web

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

Lan
Lan
2020-02-23 / 0 评论 / 710 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2020年02月23日,已超过1523天没有更新,若内容或图片失效,请留言反馈。

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

0

评论 (0)

取消