CSS變焦性能

Question

Sitepoint reference說

Internet瀏覽器的Windows版本 5.5及以上版本支持非標準特性變焦，其設置元素的 放大比例。 沒有CSS3等同於此 屬性（至今）。

如何在標準瀏覽器中實現這種縮放效果？任何jQuery插件可用？

Answer 1

該CSS3等價物在CSS 2D Transforms模塊中，特別是transform: scale()。

由於此模塊仍處於工作草案階段，你需要瀏覽器特定的前綴：

transform: scale(2); 
-moz-transform: scale(2); 
-webkit-transform: scale(2); 
-o-transform: scale(2); 

您可能還需要transform-origin（和瀏覽器的特定版本），以使其行爲方式與相同zoom，因此WebKit只能在IE中支持zoom，因爲WebKit支持transform和zoom，所以會雙倍擴展。

Answer 2

爲了完成規模轉換的答案：爲什麼你還沒有處理IE？有一個特定的-ms-zoom屬性，它只能在IE中工作：http://msdn.microsoft.com/en-us/library/ie/ms531189(v=vs.85).aspx