如何使用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的原理,博文太多了,此处略过!!
阅读全文
0 0
- 如何使用flexible进行手机适配
- 如何使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘页面的终端适配
- 仿淘宝的Flexible进行H5页面进行适配mobile
- 如何使用Android手机进行功能调试?
- flexible.js移动端的适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 使用Flexible实现手淘H5页面的终端适配
- 如何进行手机导航设置
- Html/CSS学习随笔
- 如何把Eclipse项目迁移到AndroidStudio(如何把项目导入安卓)--这我很困惑
- js点击事件冒泡
- 10个最热门的大数据技术
- ZooKeeper原理及使用
- 如何使用flexible进行手机适配
- C#桌面软件程序重新启动
- Web前端开发工具
- freemarker导出word文档
- 实例剖析:如何用Foundation For Apps创建完美Web应用
- Java8新特性与Android支持API版本
- 队列
- 仿小黄车头部滚动消息动画
- 蓝牙协议分析(11)_BLE安全机制之SM