项目自适应cssrem + flexable.js

Posted 仲夏你的梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了项目自适应cssrem + flexable.js相关的知识,希望对你有一定的参考价值。

cssrem插件

先要安装下这个插件,可以将px转化为rem,默认是16px,也可以手动设置修改

 修改文字大小

​ 1.Ctrl+Shift+p打开命令面板

 2.输入settings.json,选择图中标出的json

 使用时

 flexable.js

flexable.js是手机淘宝解决不同设备的适配问题,主要有三个方面:

  1. 动态改写<meta>标签
  2. 给<html>元素添加data-dpr属性,并且动态改写data-dpr的值
  3. 给<html>元素添加font-size属性,并且动态改写font-size的值

具体文件可去官网下载

以上是关于项目自适应cssrem + flexable.js的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目屏幕自适应

vue项目数据大屏自适应解决方案

Vue前端项目自适应布局

Vue前端项目自适应布局

一个CSS值转REM的Sublime Text插件

一个CSS值转REM的Sublime Text插件