如何使用flexible进行手机适配

逃离我推掉我的手 2022-06-06 08:19 163阅读 0赞

###### 1：需要用到一个px转换rem的工具cssrem，这是一个sublime的小插件，如何安装以及如何配置如下所示： ######

######      安装 ######

###### 下载本项目，比如：git clone [https://github.com/flashlizi/cssrem][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的原理，博文太多了，此处略过！！ ######

######     ######

#####  #####

[https_github.com_flashlizi_cssrem]: https://github.com/flashlizi/cssrem

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关使用rem进行页面适配

想到写这个博客的时候，网上很多已经在吵着都2019了，还在用rem，都在用vw，emmm 1.rem的原理众所周知rem的原理就是，值根据html根元素的大小而定，改变h

拼搏现实的明天。/ 2023年08月17日 16:27/ 0 赞/ 131 阅读

相关移动端适配方案 flexible.js

前言移动端适配一直以来都是前端开发中不可或缺的重要组成部分，如果没有了它，那么你做出来的页面极有可能会出现各种意外（写出来的页面与设计稿之间的差别）。所有我们得找到一种

女爷i/ 2023年06月05日 05:44/ 0 赞/ 338 阅读

相关手机适配问题之rem和lib-flexible

[https://www.jianshu.com/p/6edffcd890e9][https_www.jianshu.com_p_6edffcd890e9] [https_

浅浅的花香味﹌/ 2023年01月15日 10:22/ 0 赞/ 167 阅读

相关 html手机端适配

文章目录 1.手机端网页宽度不对 1.手机端网页宽度不对在html的head中加上下面这句 <!DOCTYPE html> <html>

川长思鸟来/ 2022年09月11日 01:16/ 0 赞/ 245 阅读

相关如何使用flexible进行手机适配

1：需要用到一个px转换rem的工具cssrem，这是一个sublime的小插件，如何安装以及如何配置如下所示：安装下载本项目，比如：git clo

逃离我推掉我的手/ 2022年06月06日 08:19/ 0 赞/ 164 阅读

相关 h5手机适配

现在移动端尺寸越来越多，如果在不同宽度的设备上完美呈现效果也是前端程序员必备的功课。通过一天的查找资料跟以前的经验，总结了以下的方案： 1：前端样式固定用320px宽度做

怼烎@/ 2022年06月01日 14:22/ 0 赞/ 308 阅读

相关【VUE移动端适配】VUE使用flexible布局

配置 flexible 安装 lib-flexible 在命令行中运行如下安装： npm i lib-flexible --save 引入 lib-fl

港控/mmm°/ 2022年05月19日 08:14/ 0 赞/ 172 阅读

相关 Android dimens手机适配

[https://github.com/MAXIAODONGS/dimens.git][https_github.com_MAXIAODONGS_dimens.git] 文件

分手后的思念是犯贱/ 2022年04月22日 07:26/ 0 赞/ 270 阅读

相关手机浏览器适配web

转载：[https://www.jianshu.com/p/2c33921d5a68][https_www.jianshu.com_p_2c33921d5a68] 另一篇

骑猪看日落/ 2021年08月28日 20:29/ 0 赞/ 391 阅读

相关移动端适配方案 flexible.js

前言移动端适配一直以来都是前端开发中不可或缺的重要组成部分，如果没有了它，那么你做出来的页面极有可能会出现各种意外（写出来的页面与设计稿之间的差别）。所有我们得找到一种

电玩女神/ 2021年07月26日 13:58/ 0 赞/ 465 阅读