CSS頁面縮小后怎么不變？

在CSS中，我們可以使用視口單位（Viewport Units）來定義一個元素的大小，這樣即使頁面縮小，該元素的大小也不會改變。

我們可以使用vw（Viewport Width）和vh（Viewport Height）來定義元素的大小，vw表示視口寬度的百分比，vh表示視口高度的百分比，這樣，無論頁面縮小到何種程度，元素的大小都會保持相對不變。

我們還可以使用vmin和vmax來定義元素的***小和***大尺寸，無論頁面縮小還是放大，元素的大小都會在這兩個尺寸之間保持相對不變。

需要注意的是，雖然使用視口單位可以保持元素大小的不變，但并不能保證元素之間的相對位置關(guān)系不變，在布局時還需要考慮其他因素，如滾動條的出現(xiàn)、視口寬高的變化等。

使用視口單位可以讓我們在CSS中輕松地保持頁面縮小后元素大小的不變，但需要注意的是，布局時還需要綜合考慮其他因素，以確保頁面的穩(wěn)定性和可用性。