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

时间:2023-03-09 08:52:47
移动端适配问题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