跨浏览器CSS缩放的完整样式

Question

我发现很难获得完全跨浏览器的CSS缩放属性..我只有这些

zoom: 2;
-moz-transform: scale(2);

Answer 1

这些对于跨浏览器就足够了…

注意：正如指出的那样，这可能无法按预期工作 ，并不意味着它会失败，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 */
}