縮放css / javascript

Question

我想知道如何通過javascript控制縮放屬性，比如div.style.top，如何指定縮放？

Answer 1

與IE特定的zoom屬性等效的Firefox和Chrome（Webkit）分別是-moz-transform和-webkit-transform 。

示例代碼如下：

.zoomed-element {
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

你必須對Javascript（首先測試存在）更加小心，但是這里你是如何操縱它們的：

el.style.zoom = 1.5;
el.style.MozTransform = 'scale(1.5)';
el.style.WebkitTransform = 'scale(1.5)';

Answer 2

它是style的屬性，但並非所有瀏覽器都支持它。 它是Internet Explorer實現的非標准Microsoft CSS擴展 。 它是這樣訪問：

div.style.zoom

Answer 3

您可能想嘗試一個名為Zoomoz的輕量級jQuery插件。 它使用CSS3轉換屬性（平移，旋轉，縮放）。 看看“縮放jQuery方式部分。希望它有所幫助。

$(document).ready(function() {
    $("#element").zoomTarget();
});