1.2.1 • Published 7 years ago

new_responsive v1.2.1

Weekly downloads
1
License
ISC
Repository
github
Last release
7 years ago

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;
     }
1.2.1

7 years ago

1.0.0

7 years ago