移动端适配

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端适配相关的知识,希望对你有一定的参考价值。

参考技术A 一. 元素的度量单位
1. px像素
2. em根据父元素来计算大小(项目中比较少用)
3. rem根据根节点(html)元素的font-size进行计算大小
4. vw/vh根据手机屏幕计算大小
5. rpx小程序特有单位
二. rem计算公式: 元素的宽度(高度)= html的font-size * rem
三. 使用rem进行移动端适配的原理
1. 以ipone6宽度作为参考,给它的根标签设置大小
2. 获取手机的屏幕宽度,根据屏幕宽度,以iphone作为参照物进行等比缩放

一. 用来根据手机宽度设置根元素字体的大小

二. px转成rem,免去我们手动输入rem

三. css的处理

以上是关于移动端适配的主要内容,如果未能解决你的问题,请参考以下文章

移动端Web页面适配方案(整理版)

移动端H5页面适配问题研究

移动端适配-px转成rem

Vue项目配置rem移动端适配

移动端适配方案:js实现动态改变根元素的字体大小

H5+CSS3移动端适配技术