css zoom在ie11中不起作用

Question

我正在使用angular構建應用程序 。 它應該在平板電腦和支持觸摸的設備上運行。

我希望讓用戶能夠縮放/放大應用程序 ，適用於視力不好和手指笨拙的用戶。 為此，我正在使用此腳本，該腳本在用戶單擊縮放按鈕時執行 ：這是代碼

<!--code start -->  
$scope.zoomLevel+= 0.1;

$('body').css({
   zoom: $scope.zoomLevel
});

這在chrome中完美運行， 但在IE11中什么都不做 。

我正在使用twitter bootstrap，angular和jquery 。

在jsFiddle中測試它時，我完全能夠在IE中使用縮放，所以我猜測我，或者某些第三方庫正在設置影響IE中縮放屬性的屬性。

PS：我不介意它不適用於Firefox。 此應用程序將始終在IE11中運行。

Answer 1

zoom屬性是一個較舊的功能，今天真的不應該使用。 它具有較差的跨瀏覽器支持，不屬於正式標准，因此我（IE團隊的工程師）會鼓勵您找到更符合標准的方法來繼續前進。

從版本9開始，Internet Explorer支持CSS Transforms和scale功能。 此特定功能具有更好的跨瀏覽器支持，並且足以滿足您的需求。 我創建了一個小小提琴，同時顯示縮放和縮放，以確認體驗中的相似性。

在評論中進行了一些討論后，您指出了zoom和轉換縮放之間的有效布局差異。 如果您希望實現zoom跨瀏覽器的效果，我建議您考慮在項目中使用em或rem單元，並利用字體大小繼承作為縮放機制。