请在什么情况下我应该使用vh，vw而不是css中的百分比或px。
width:100%;height:100%;
或
width:100vw;height:100vh;
哪个是可取的，为什么？
答案 0 :(得分：1)
能够使用视口相对单元的好处可能是字体大小。当使用vws或vhs时，单位相对于视口而不是相对于其父或根与其他CSS单位相对。
em =相对于父级rem =相对于根vw =相对于视口宽度vh =相对于视口高度％=相对于父级。
因此，如果您希望将字体大小设置为视口宽度的10％而不在ems，rems或像素中进行计算，则可以简单地声明font-size：10vw。
vw和百分比不相同，因为百分比是相对于父容器的。如果您将div设置为宽度：在宽度为1400px的窗口上设置为1200px的容器内50％，则div将为600px宽（1200 * 50％）。但是，使用vws，您的宽度将是视口大小的50％，因此700px（1400px * 50％）。我用这个codepen来说明差异。
希望有所帮助！