使用淘宝flexible移动端适配问题

• 引入flexible.js和flexible_css.js文件，也可以引入阿里cdn；

        <script src="js/flexible_css.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/flexible.js" type="text/javascript" charset="utf-8"></script> 

注：引入文件后head中不用再加meta标签viewpoint属性

              例如：200px; 200/75 = 2.666667rem ;

sublime 3 可以装 CSSREM 插件，输入px尺寸自动换算成rem，GitHub地址：https://github.com/flashlizi/cssrem

 

• 设计稿尺寸750*XXX，根据设计稿标注尺寸/75就是要计算出的rem尺

安装

下载本项目，比如：git clone https://github.com/flashlizi/cssrem

进入packages目录：Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里。

配置参数

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

 

• px_to_rem - px转rem的单位比例，默认为40。（按照本文的话，改成75）
• max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
• available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。
• 重启Sublime Text。