登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

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

作者：CC下载站 日期：2020-02-23 00:00:00 浏览：45 分类：站长帮

1. 添加meta标签：viewport

<metaname="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

猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯