3
我正在開發一個響應式網站。 對於本網站，元素的填充和寬度與網頁的寬度和/或高度成比例。 所以我更喜歡使用視口相關單位（vh，vw）。 一切都很好，直到我得到一個新的要求...限制網站中視口的寬度和高度
現在我必須把我的網頁的最大寬度和高度。最大寬度1366px，最大高度768px。 所以我已經將max-height和max-width css樣式添加到了我的html標記中。
Web內容現在被限制在這個範圍內，但仍然會將填充和寬度計算爲考慮頁面的整個寬度和高度作爲視口。
例如，如果屏幕寬度是1500px，那麼10vw計算爲150px。但我需要的是它不應該超過136.6px，因爲最大寬度是1366px。
那麼有什麼辦法來限制視口的寬度和高度？ 像 <meta name="viewport" content="width=device-width, max-width=1366, max-height=768, initial-scale=1">
我相信你可以使用JS，但限制瀏覽器視口的大小是一個壞主意。 – hungerstar