Skip to content

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

Notifications You must be signed in to change notification settings

geeknull/rem-moka

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

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

http://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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published