跨浏览器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

回到顶部