示例代码
height: calc(100vh + 30rem)
vh(Viewport Height):vh是一个相对单位,代表浏览器窗口高度的百分比,例如20vh就是浏览器窗口高度的20%。
rem(root em):rem是通过html根元素动态计算大小的,例如根元素的字体大小是 16px,1rem就等于16px。
vh和rem都是相对单位,它们能够根据视口大小或根元素的字体大小动态调整元素的尺寸,从而实现响应式布局。这对于适应不同设备和屏幕尺寸至关重要。
示例代码
height: calc(100vh + 30rem)
vh(Viewport Height):vh是一个相对单位,代表浏览器窗口高度的百分比,例如20vh就是浏览器窗口高度的20%。
rem(root em):rem是通过html根元素动态计算大小的,例如根元素的字体大小是 16px,1rem就等于16px。
vh和rem都是相对单位,它们能够根据视口大小或根元素的字体大小动态调整元素的尺寸,从而实现响应式布局。这对于适应不同设备和屏幕尺寸至关重要。