1.2.1 • Published 7 years ago
new_responsive v1.2.1
responsive
这是一个解决不同设备网页响应式设计的js文件
用法
# 安装
npm install new_responsive --save-dev
# 引入
使用script标签:
<script src="./node_modules/new_responsvie/index.js"></script>
使用ES6模块
import Responsive from 'new_responsive';
# 使用
let dialog = new Responsive(width);
# 配置width
width:是设计稿PSD的宽度,例如640、1080
##原理: 通过js检测移动设备的宽度变化,动态设置rem ##应用: a.设置meta标签 b.单位转换 通过 new Responsive(width); 应用时我们把单位都换成rem就可以,1rem = 100px; 例如: div{ width:173px; } 可以改写成:
div{
width:1.73rem;
}