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 */ } |