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

SingYi

发布于 2022-07-14 14:59:41

2.2K0

发布于 2022-07-14 14:59:41

文章被收录于专栏：Lan小站Lan小站

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度