手机H5页面rem值

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38098917/article/details/83541429

效果图宽度为750px下，rem按照750px的宽度计算，1rem=75px

在Visual Studio Code中安装cssrem插件，点击设置更改图片中位置，

数字3位rem小数点后取3位数

数字75位1rem=75px

sublime text 按装cssrem

首先在这个地址：https://github.com/hyb628/cssrem.git  下载插件

点击sublime菜单窗口中的   Preference

然后会弹出一个窗口,接下来把你下载的cssrem目录复制到该目录里！重启sublime text

在Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user中设置，输入以下参数配置，可以修改基准数和换算后的小数的多少：

{
    "px_to_rem": 60, //px转rem的单位比例，默认为40
    "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css", ".less", ".sass",".html"]
    //启用此插件的文件类型。默认为：[".css", ".less", ".sass"]
}

在页面中引入这个js文件

<script async src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>