Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

移动端适配问题

NotificationsYou must be signed in to change notification settings

wanlixi/flexible.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 

Repository files navigation

移动端适配问题

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


首先安装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*/

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp