在 Internet Explorer 中用 属性 css "zoom" 拉伸 div

Question

我有一个应用了缩放 属性 的 div，在另一个 div 中。

.zoom{
   zoom:0.5;  
}  

我希望它采用 google chrome 中的外观，放大 div 中的文本并填充包装器 div 的所有宽度。

我的问题出现在 IE 中，div 缩小了。

我应该做哪些更改才能在 Internet Explorer 中获得所需的方面？

我制作了一个 jsfiddle 来测试它 (http://jsfiddle.net/u0f0fu4f/4/)。

Answer 1

尝试使用 transform: scale

这将使缩放效果在 IE、Chrome、Safari、Opera 上正常工作。

CSS 缩放 属性，这不是真正的标准，不推荐用于生产应用。

http://jsfiddle.net/u0f0fu4f/5/

.zoom{
    -ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5,0.5); 
}