調整 Chrome 和 Edge 縮放

Question

我意識到一個小小的 web 站點，當我在 Mozzilla 上運行它時它是完美的，但是當我在 Chrome 或 Edge 上運行它時，所有頁面都太大了，我必須手動減小縮放以解決問題。 我知道各種瀏覽器使用不同的引擎，但我現在不知道該怎么辦，如何減少其他瀏覽器的縮放？

Answer 1

您可以使用zoom CSS 屬性來實現目標。 Firefox 不支持該屬性，因此您可以使用它僅影響 Chrome 和 Edge。 您可以檢查以下代碼：

 div { margin-bottom: 16px; }.zoom { zoom: 75%; }

 <div>Normal</div> <div class="zoom">Zoom for Chrome, Edge, not for Firefox</div>