Question

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

例如，如果在Chrome中以相同的100％缩放率打开，在Opera中以100％缩放打开的网站可能看起来不一样。但是，100％Opera的网站与Chrome的缩放比例相同，为125％。有没有办法设置缩放视图？我与view-port混淆了吗？

Answer 1

嗯，它被认为不好，但在极少数情况下，你想增加一个元素的规模，你可以做这样的事情：

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

Answer 2

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

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

css中有另一种解决方案（检查支持或供应商前缀）

@viewport {
    width: 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}

如何在HTML中为某些浏览器设置缩放％？

2 个答案: