+
80
-

css中dvh与vh有啥区别?

css中dvh与vh有啥区别?


网友回复

+
0
-

在CSS中,"dvh" 和 "vh" 都涉及视窗的高度,但它们有一些区别:

vh(视窗高度单位): "vh" 表示视窗高度的百分比。例如,如果设置某个元素的高度为50vh,那么该元素的高度将等于视窗高度的50%。无论视窗的实际高度是多少,vh单位都是相对于视窗高度的。

dvh(分数视窗高度单位): "dvh" 也表示视窗的高度,但是以分数的形式表示。它是相对于视窗高度的一种相对单位。一个单位的dvh等于视窗高度的1/100,因此如果将元素的高度设置为50dvh,那么它的高度将等于视窗高度的50%。dvh单位通常用于响应式设计,以便更精确地控制元素的大小相对于视窗。

总的来说,区别在于单位的表示方式和精度。vh是一个百分比单位,而dvh是一个相对单位,可以用更精确的方式表示视窗高度的一部分。选择使用哪种单位取决于您的设计需求和精度要求。
我知道答案,我要回答