这篇通译自：The large, small, and dynamic viewport units
vw 和 vh 单位为大家都比较熟悉的2个企业，100vw 和 100vh 代表了主视图窗口宽和高。
大家写手机端合理布局适配的时候就会常常使用他们，类似百分数的书写；
他们有非常好的兼容模式：
但是有一个问题，在我们应用 100vh ，并有顶端搜索框或底端实际操作栏时，会有外溢显示器的状况：
当滚动下拉列表时，搜索框及使用栏又检索，这时 100vh 又充斥着全部对话框：
总宽亦是如此，会因滚动条宽度产生的影响；
为了解决这个问题，出现2个新公司：
svh、lvh
s 便是 small 的简称
l 便是 large 的简称
100 svh 将无法有溢出的状况！
除开 svh 还有另外一个更奇妙的新公司：dvh，这一 d 是 dynamic 的简称，这是动态变化：
一图胜千言：
只不过是 svh 和 dvh 的大力支持都还没非常的好
但是未来毫无疑问用到里的~ 现在已经厌烦那类算顶端栏、底端狂、侧面滚动条宽度及极高的日子。
除开 vh、svh、dvh 该系列，再回应下此外我们也许忽略的企业：
vmin、vmax
vmin 是机器设备宽高比最小那一个；
vmax 乃是机器设备宽高比较大那个；
vi、vb
vi 是 Viewport Inline，可以将其解读为文字的走向里的总宽；
vb 则是和 vi 竖直；
与其相对应的，是有 svmin、dvmin、svmax、dvmax、svi、dvi、svb、dvb
总得来说：
svh 的 s 便是 small
dvh 的 d 便是 dynamic
看图讲故事，你学废了吗？
OK，以上便是这篇共享，希望所有工人喜爱~ 热烈欢迎关注点赞、个人收藏、评价