您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

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

注意:正如指出的那样,这可能无法按预期工作 ,并不意味着它会失败,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 2022/1/1 18:19:15 有524人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶