移动端适配

Posted z-dl

tags:

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

方法一:

var desW = 1920;/*设计稿宽度*/

var winW = document.documentElement.clientWidth;/*设备屏幕宽度*/

var desWfontSize = 100;/*设置一个基数*/

document.documentElement.style.fontSize = winW/desW*desWfontSize+"px";

方法二:

lib-fixeble postcss-px2rem

不同dpr直接字体font-size:26px;/*px*/来适配

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

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

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

移动端适配-px转成rem

Vue项目配置rem移动端适配

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

H5+CSS3移动端适配技术