我已经使用SOF很长时间了，但从来没有问过一个问题。今天我在Firefox的网站上，注意到它谈到了px和%就好像它已经过时了。该网站建议使用ViewHeight和view width或view像素（vh和vi或vpx）。用...
width: 100%;
而且
width: 100vw;
..？？？？他们为什么要做出改变？
最好使用web元素的相对大小（如width/height/font-size等）--所以设置显式像素在上个世纪是很好的。用em或更好的REM值设置fontsize，用百分比设置height/widht是更好的方法。
宽度：100%；-将元素的宽度调整为其容器的100%
宽度:100VW；-将元素的宽度设置为视区宽度的100%
1VW=视区宽度的1%
100VW=视区宽度的100%
同样的道理-
1VH=视区高度的1%100VH=视区高度的100
有趣的是，还有vmin和vmax，它们与视口的较小边和较大边有关1vmin=视口最小边的1%，100vmin=视口最小边的100
1Vmax=视区最大边的1%100Vmax=视区最大边的100
vmin和vmax对于允许内容在旋转屏幕时发生变化很有用，其中vw和vh不会发生变化，但vmin和vmax会发生变化。
