JavaScript - 如何獲得css縮放級別？

一個簡單的問題。我想使用CSS縮放級別來調整我的網站oncklick。JavaScript - 如何獲得css縮放級別？

我要趕從「HTML」元素的CSS變焦。

CSS

html{zoom:1}

的JavaScript

function zoomIn(){ 
altzoom = document.documentElement.style.zoom; 
zoomIn = (altzoom + 0.1); 
document.documentElement.style.zoom = zoomIn; 
}

HTML

<button onclick= "zoomIn()">Zoom +</button>

如果我點擊「變焦+」我只得到0.1縮放級別，所以我覺得我不從document.documentElement.style.zoom獲取輸出;

結果是：zoom：0.1;

有一個特殊的價值，以獲得當前的CSS變焦拉特？

我會很樂意來解決它。

來源

2015-09-28 Peter Franke

https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle – Sirko

也許是因爲在你的CSS文件，你的元素的屬性變焦沒有設置，所以JS無法找到一個值就擺在「altzoom」。嘗試把它放在你的CSS聲明中。

來源

2015-09-28 12:22:41

嗨，HTML {變焦：1}還是存在一些問題，使用HTML標籤？ –

你不能得到樣式表的縮放級別。那麼有一種方法，但這會讓事情變得過於複雜。我建議您直接在javascript設置它：

document.documentElement.style.zoom = 1;

見下文，不要忘了parseFloat，因爲它可以確保在0.1中加入的權利。如果您想要控制後端代碼中的值（如果有），您還可以在屬性或隱藏字段上設置/獲取此值。

題外話：不要在你的函數爲全局設置的變量。它現在不會造成損害，但在全局範圍內也可以使用zoomIn作爲函數名。

function zoomIn(){ 
    var altzoom = parseFloat(document.documentElement.style.zoom); 
    var zoomIn = altzoom + 0.1; 
    document.documentElement.style.zoom = zoomIn; 
}

來源

2015-09-28 13:22:50 jazZRo

JavaScript - 如何獲得css縮放級別？

回答

相關問題