ZihanAn / rem-moka Public

forked from geeknull/rem-moka

Notifications You must be signed in to change notification settings
Fork 0
Star 0

移动端rem解决方案，解决高清屏1px问题，修复Android特有的诸多问题，Inspired by flexible。

0 stars 19 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
demo		demo
src		src
.editorconfig		.editorconfig
.gitignore		.gitignore
README.md		README.md
gulpfile.js		gulpfile.js
package.json		package.json

Repository files navigation

rem-moka

@param designWidth 设计稿宽度一般来说iPhone6是750 如果缩小就变成了375px
@param oneRem2Px 1rem对应多少px
@param mobileMaxPx 移动端最大像素数
@param fixDefaultFontSize 是否重置Android因为系统放大或者缩小字体带来的影响
@param fix1px 是否通过meta标签的scale处理1px过于粗的问题
@param resetPcDpr 重置PC端DPR
@param resetPcWidth 重置PC端计算所用的视口宽度
@param pxMaxPx PC端最大像素数

启动方式

npm install
npm run dev

https://localhost:9998/demo/index.html

https://localhost:9998/demo/norem.html

可以查看使用了rem与没有使用rem的状态

查看效果

https://geeknull.github.io/rem-moka/demo/index.html

https://geeknull.github.io/rem-moka/demo/norem.html