十分简单的web移动端rem适配

rem做移动端适配已经得到广大web开发都的喜爱。其实,简单的做rem非常容易。只需要三处引入即可。

html处引入

meta处做适配声明:



 

script引入

在这里我作为除以10的处理,当然也可改为你觉得方便计算的值。


编辑器引入一个px转换rem的插件

我用的是vscode,在插件入搜素px2rem,安装第一个就可以了。
十分简单的web移动端rem适配_第1张图片
因为插件默认的html字体大小(root font size)设为16px,由于我用的设计稿都是iphone6的尺寸,所以在这里改为37.5

  • 注意:这里是以你引入的script所作的系数来转换的。

你可能感兴趣的:(javascript,html,iphone,web,前端优化)