我必须在屏幕高度上安装iframe。显然，我想要100%的宽度，但，因为这不起作用，我使用100VH。但像大众这样的vh并不完全是100%。在我的笔记本电脑通过chrome虽然100%的宽度呈现完美不需要水平滚动条，大众有大约一厘米额外。
vw和vh分别代表视区宽度和视区高度。
使用widthes:100vw而不是widthes:100%的区别在于，虽然100%将使元素适合所有可用空间，但视口宽度有一个特定的度量值，在本例中是可用屏幕的宽度，包括文档边距。
如果设置样式body{margin:0}，100vw的行为应该与100%相同。
使用vw作为网站中所有内容的单位，包括字体大小和高度，将使网站始终与设备的屏幕宽度成比例地显示，而不管其分辨率如何。这使得它超级容易确保您的网站在工作站和移动端都正确显示。
您可以在bodyCSS中设置font-size:1vw（或适合项目的任何大小），并且rem单元中指定的所有内容都将根据设备屏幕自动缩放，因此很容易将现有项目甚至框架（如Bootstrap）移植到这个概念中。
