移动端适配问题px->rem方法

移动端web页面适配问题

1.引入插件

github地址：https://github.com/re54k/mobileweb-utilities/blob/master/util/mobile-util.js

2.在sublime中配置文件

安装 

• 克隆项目   https://github.com/hyb628/cssrem.git
• 进入packages目录：Sublime Text -> Preferences -> Browse Packages...
• 复制下载的cssrem文件夹到刚才的packges目录里。
• 重启Sublime Text。

配置参数

参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem-->settings user

　　1.px_to_rem - px转rem的单位比例，默认为40。

　　（按照第一步引入得js文件，打开页面F12下查看html的font-size的值。例如：设计稿为750，就打开iphone6的模式查看html的 font-size：40px；则这个数为40；）

　　2.max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。（最好不大于2位数）

　　3.available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。

 

淘宝的移动端自适应方案：https://github.com/amfe/lib-flexible

转载于:https://www.cnblogs.com/yulingjia/p/6656036.html