css3宽高设置：calc() / vw / vh

对于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

转载于:https://www.cnblogs.com/wangxiaohang/p/7411783.html