html - 更改站点默认分辨率

标签 html css

在处理我的设计时，我发现 css 缩放属性在 chrome 上有效，但在 firefox 上无效... 我尝试在元内容类上使用参数“initial-scale=0.1”，但它在任何浏览器上都不起作用。这很重要，因为我的网站在默认缩放 80% 时效果更好。而下面的东西只能用一个 chrome。那么我该如何适本地更改默认缩放比例呢？

<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>

最佳答案

首先；你的问题说分辨率..而你的意思是缩放百分比。

缩放

缩放在 IE、Safari 4 和 Chrome 中受支持。

Opera 和 Firefox 都不支持 Zoom。

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

结论

因此，为了让所有浏览器以相同方式显示网站，我建议使用较小的网站。您可以使用 px 或 %。 (em 为字体)

我更喜欢 960px 作为宽度，因为大多数屏幕都更大，而且这个数字可以除以许多其他数字而无需创建小数。

关于html - 更改站点默认分辨率，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26962462/