CSS 视口单位实现网页跟随缩放 | vw 和 vh 使用技巧

可以使用 CSS3 的 Viewport 单位来实现，如下所示：

body {
    width: 100vw; /* 设置宽度为视口宽度的 100% */
    height: 100vh; /* 设置高度为视口高度的 100% */
}

/* 或者直接使用 vw 和 vh 作为元素的宽度和高度 */
.element {
    width: 50vw;
    height: 50vh;
}

这样，当浏览器缩放时，网页的大小就会自动跟随缩放，保持与视口的比例不变。