完整的横幅浏览器CSS样式 - 代码日志

完整的横幅浏览器CSS样式

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

zoom: 2;
-moz-transform: scale(2);
这些将足够用于跨浏览器…

Demo

Note: As 07001 pointed out that this may not work as
intended
, doesn’t mean this fails, Chrome just makes it 2x larger
than other browsers, because it RESPECTS zoom property as well. So it makes it 2x larger…

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 */
}
http://stackoverflow.com/questions/13393588/complete-styles-for-cross-browser-css-zoom

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:完整的横幅浏览器CSS样式