https://github.com/wanlixi/flexible.js
移动端适配问题
https://github.com/wanlixi/flexible.js
cnpm flexible npm-install npm-link npm-module npm-package
Last synced: about 2 months ago
JSON representation
移动端适配问题
- Host: GitHub
- URL: https://github.com/wanlixi/flexible.js
- Owner: wanlixi
- Created: 2017-07-07T05:11:15.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-03T08:19:09.000Z (almost 8 years ago)
- Last Synced: 2025-08-23T08:02:52.517Z (about 2 months ago)
- Topics: cnpm, flexible, npm-install, npm-link, npm-module, npm-package
- Language: JavaScript
- Size: 15.6 KB
- Stars: 10
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
ES6 Module
import flexible from 'flexible.js'
flexible();
或者 AMD/CMD
require('flexible.js')()
注意因为移动端的设计稿通常是按照iphone6的尺寸，即750 * 1334，所以我在封装的时候内部设默认置的第一个参数即设计稿尺寸为750，第二个参数为最大宽度，默认设置的是640， 即没有兼容到ipad等大屏幕设备，你们在开发中可以结合实际的情况自己传入对应的参数即可！
如果您使用的sublime编辑器，可以下载插件remunit，如果您使用的是vscode编辑器，可以下载插件cssrem，两个都需要配置：50基数，即：
font-size：1rem；/*50px*/