如何使用flexible进行手机适配

来源:互联网 发布:python 学员管理系统 编辑:程序博客网 时间:2024/05/23 00:10
1:需要用到一个px转换rem的工具cssrem,这是一个sublime的小插件,如何安装以及如何配置如下所示:
     安装

  • 下载本项目,比如:git clone https://github.com/flashlizi/cssrem
  • 进入packages目录(在Sublime安装目录下找文件夹):Sublime Text -> Preferences -> Browse Packages...
  • 复制下载的cssrem目录到刚才的packges目录里。
  • 重启Sublime Text。
     配置参数
参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-User,输入如下代码
{
  "px_to_rem": 40, //px转rem的单位比例,默认为40
"max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。
"available_file_types": [".css", ".less", ".sass",".html"]
//启用此插件的文件类型。默认为:[".css", ".less", ".sass"]
}
2:下载flexible,并在头部引入
    <script src="js/flexible_css.debug.js"></script>
    <script src="js/flexible.debug.js"></script>
或者直接引入官方地址<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
之后就可以在项目中使用了,至于flexible的原理,博文太多了,此处略过!!