对于720px的设计稿,100vw == 720px,1vw == 7.2px;

vw可以替代rem 实现自适应布局。

相应的计算插件:postcss-px-to-viewport

********

** 翻转屏幕后,vw和vh会相应的变化。

  比如:100vh,竖屏时相当于600px,横屏时则相当于320px。

 

参考:大漠自适应布局:http://www.w3cplus.com/css/vw-for-layout.html