flexible.js

2.0.19 • Public • Published

flexible.js

移动端适配问题

可以在各种全家桶项目的入口文件中引入:


首先安装flexible.js


npm i -S flexible.js
或者

如果npm安装比较慢的话,使用淘宝镜像cnpm安装


先在命令行工具里面输入:


npm install -g cnpm –registry=https://registry.npm.taobao.org

成功之后输入:



cnpm i -S flexible.js

找到目录



src/main.js

import flexible form 'flexible.js'

flexible();


或者

require('flexible.js')()

注意因为移动端的设计稿通常是按照iphone6的尺寸,即750 * 1334,所以我在封装的时候内部设默认置的第一个参数即设计稿尺寸为750,第二个参数为最大宽度,默认设置的是640, 即没有兼容到ipad等大屏幕设备,你们在开发中可以结合实际的情况自己传入对应的参数即可!

如果您使用的sublime编辑器,可以下载插件remunit,如果您使用的是vscode编辑器,可以下载插件cssrem,两个都需要配置:50基数,即:


 font-size:1rem;/*50px*/

Readme

Keywords

Package Sidebar

Install

npm i flexible.js

Weekly Downloads

27

Version

2.0.19

License

ISC

Last publish

Collaborators

  • wanlixin