关于CSS:如何为HTML中的某些浏览器设置Zoom%?

How to set Zoom % for Certain Browers in HTML?

在网页设计中,是否可以根据用户的网络浏览器自动设置缩放百分比?

例如,在Opera中以100%缩放比例打开的网站如果在Chrome中以相同的100%缩放比例打开,则外观可能会有所不同。 但是,Opera 100%网站的缩放比例与Chrome 125%Zoom时的缩放比例相同。 有没有办法设置缩放视图? 我是否对视口感到困惑?


视口是定义可见区域的一种方式(我想它看起来有点像缩放)。 但这是一个元标记。

1
<meta name="viewport" content="width=device-width" />

CSS中还有另一种解决方案(检查支持或供应商前缀)

1
2
3
4
5
6
@viewport {
    width: 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}

好吧,这被认为是不好的,但是在极少数情况下,您想要增加元素的比例,可以执行以下操作:

1
2
3
4
5
6
7
8
   .zoom {
        -ms-transform: scale(1.2);
        -ms-transform-origin: 50% 0; /* IE */
        -moz-transform: scale(1.2);
        -moz-transform-origin: 50% 0 0;  /* Mozilla */
        -webkit-transform: scale(1.2);
        -webkit-transform-origin: 50% 0 0;  /* Chrome, Safari, Opera */
     }