我正在尋找 JS 腳本來控制瀏覽器的縮放。
我已經嘗試過"document.body.style.zoom"，但這不適用于 Firefox。
謝謝。
uj5u.com熱心網友回復：
幸運的是，瀏覽器的縮放級別無法通過 JavaScript 控制。這是一個用戶控制的設定。[1]
zoomCSS 屬性確實做了類似的事情——它不僅縮放元素，還縮放渲染的大小，影響頁面的布局。但是，與更改瀏覽器的縮放級別不同，該zoom屬性不會影響媒體查詢（在 Chrome 上測驗），因此即使應用于<html>or<body>元素，結果也可能與更改瀏覽器的縮放不同。另一個問題是該zoom屬性不是標準的，不支持跨瀏覽器。
另一種方法是應用類似transform: scale(2);or的轉換transform: scale(0.5);。然而，轉換只會在視覺上改變元素而不是渲染的大小，所以你也需要處理它。以下代碼似乎合理地模擬了 50% 的縮放級別：
:root {
width: 200%;
transform: scale(0.5);
transform-origin: 0 0;
}
[1]可以通過瀏覽器擴展特權 JS 來控制，但這是沒問題的。還有一個<meta>標簽設定可以控制縮放級別，但它僅適用于智能手機，也可以被瀏覽器設定覆寫。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/426156.html
標籤：javascript dom 火狐 浏览器