移动端的屏幕适配问题

Posted BlueSky1024

tags:

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

//获取游览器的宽度,更改适应屏幕的字体效果

 

//获取当前屏幕的宽度
var width=$(window).width();

//设置html标签的font-size,以640为基准,32px字体大小为基准字体
var num=32*width/640;

//num值为你当前屏幕所适配的html基准字体大小

//htmlcss布局使用rem
$("html").css("font-size",+num+"px");

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

iphone端的H5页面怎么适配iphone5-7p

移动端的适配问题

Flutter-阿里P7告诉我的屏幕适配终极方案!!!

uniapp多端适配原理

探讨移动端布局适配方案

小课堂(尺寸适配)