移动端适配笔记

viewport缩放方案







  
  


 ...


虽然开发流程跟简单,无需额外计算即可还原设计稿。但是只可以实现页面整体放大缩小,对于一些不想缩放的例如边框就很不友好。

REM




  
  
  
  
  


  
内容

虽然原理有些复杂需要借助于JS,但px换算到CSS的rem计算简单,且方案灵活既能实现整体缩放又能实现局部不缩放。

vw




  
  
  


  
内容

虽不需要JS即可实现适配,但是px换到vw有些复杂,还好同样整体局部缩放自如可选!

尺有所短,寸有所长!三种方法我个人常用REM,但是适合项目但才是最好的,偷偷说一句REM与VW配合flex或Gird食用更香呦!

你可能感兴趣的:(移动端适配笔记)