跨浏览器CSS缩放的完整样式
我发现很难获得完全跨浏览器的CSS缩放属性..我只有这些
zoom: 2;-moz-transform: scale(2);
回答:
这些对于跨浏览器就足够了…
注意:正如指出的那样,这可能无法按预期工作 ,并不意味着它会失败,Chrome只是使其比其他浏览器大2倍,因为它也具有RESPECTSzoom
属性。所以它扩大了2倍…
zoom: 2; /* IE */-moz-transform: scale(2); /* Firefox */
-moz-transform-origin: 0 0;
-o-transform: scale(2); /* Opera */
-o-transform-origin: 0 0;
-webkit-transform: scale(2); /* Safari And Chrome */
-webkit-transform-origin: 0 0;
transform: scale(2); /* Standard Property */
transform-origin: 0 0; /* Standard Property */
HTML
<div class="zoom">BlahBlah</div>
CSS
.zoom { zoom: 2;
-moz-transform: scale(2);
-moz-transform-origin: 0 0;
-o-transform: scale(2);
-o-transform-origin: 0 0;
-webkit-transform: scale(2);
-webkit-transform-origin: 0 0;
transform: scale(2); /* Standard Property */
transform-origin: 0 0; /* Standard Property */
}
以上是 跨浏览器CSS缩放的完整样式 的全部内容, 来源链接: utcz.com/qa/421094.html