我们已经有了视口单位（例如：vw,vh,vmin,vmax ），而且它们大多都很不错。总是有一个相对于整个屏幕的单位，这很酷。但是，当你问人们他们希望在CSS中固定什么时，视口单位总是在名单上。问题是，人们用它们来做一些事情，比如在移动设备上把重要的按钮放在屏幕的底部。如果做错了这样的事情，可能会让你损失800万美元。
什么是 "错误"？好吧，假设100vh是视口中可见/可用的区域。什么啊？这不就是那些单位的意义吗？有像这样和这样的技巧，但这就是人们不高兴的原因。这些都不是直观的，而且巨大的错误太常见了。尽管Safari 15将使这个问题得到改善，但我要说的是，你必须如何处理它，仍然不是特别直观。
Bramus Van Damme报道说，该规范现在包括一些新的数值。
- 大视口"：
lvh/lvw/lvmin/ 。lvmax - 小视口"：
svh/svw/svmin/svmax 熊宝宝视口"。- 动态视窗"：
dvh/dvw/dvmin/dvmax
在我看来，动态的是有用的，因为它们将是直观的：代表当前可用空间的单位，无论是大还是小。
动态视口是视口的尺寸，*动态考虑任何UA界面*。它将自动调整自己，以响应UA界面元素的显示或不显示：其值将是
100vh（最大）和100svh（最小）范围内的任何东西。Bramus Van Damme,"大、小和动态视口"
The postThe Large, Small, and Dynamic Viewportsappeared first onCSS-Tricks.你可以通过成为MVP支持者来支持CSS-Tricks。
