HTML5手机端页面缩放问题应该如何解决?
做一个h5移动端项目首先要做好适配
一般在h5头部声明一下。
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
上面的意思就是宽度为屏幕的宽度,缩放比例是1,不允许调整缩放比例,最小缩放比例是1,最大缩放比例是1.
然后配合rem来适配各种手机的类型。
1.利用rem跟vw来做适配
2.利用rem跟根元素的font-size适配
我选择的是第二种,动态计算html根元素的font-size然后配合rem使用。可以兼容各种手机。
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有