Question

在设计我的设计时，我发现css zoom属性正在使用chrome而不是firefox ... 我试图在元内容类上使用参数“initial-scale = 0.1”，但它不适用于任何浏览器。这很重要，因为我的网站更好，默认缩放率为80％。下面的内容只使用一个镀铬。那么如何正确地更改默认缩放？

<html>
    <head>
        <title>Title of the document</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <!--<meta content="initial-scale=0.1">-->
    </head>

    <body>
        <span> blabla</span>
        <div></div>
        <style type="text/css">
            div {
                color: purple;
                width: 100px;
                height:100px;
            background-color: #d8da3d 
            }
            body {
                zoom:0.5; 
            }
        </style>
    </body>

</html>

Answer 1

<强>第一;你的问题是解决方案..你的意思是变焦百分比。

<强>缩放

IE，Safari 4和Chrome支持缩放。

Opera和Firefox不支持缩放。

在Firefox上，您可以使用3.5及更高版本的替代方案; -moz-transform: scale(0.8); 注意; 内联元素不会强制其他元素移动，从而导致叠加。

<强>结论

因此，为了让所有浏览器以相同的方式显示网站，我建议使用较小的网站。您可以使用px或％。（em for font）

我更喜欢960px作为宽度，因为大多数屏幕都比较大，并且可以在不创建十进制数的情况下将数字除以许多其他数字。

更改站点默认分辨率

1 个答案: