Html 更改站点默认分辨率_Html_Css

Html 更改站点默认分辨率

html css

Html 更改站点默认分辨率,html,css,Html,Css,在我的设计中，我发现css zoom属性在chrome上工作，但在firefox上不工作。。。我曾尝试在元内容类上使用参数initial scale=0.1，但在任何浏览器上都不起作用。这一点很重要，因为默认的缩放比例为80%时，我的网站会更好。下面的东西只在一个chrome上工作。那么，我如何才能适当地更改默认的缩放 <html> <head> <title>Title of the document</title>

在我的设计中，我发现css zoom属性在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都不支持缩放

在Firefox上，您可以使用3.5及更高版本的替代版本-moz变换：scale0.8；笔记内联元素不会强制其他元素移动，从而导致覆盖

结论

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

我更喜欢960px作为宽度，因为大多数屏幕都更大，并且数字可以被许多其他数字分隔，而不需要创建十进制数字。

您可以尝试使用transform:scale0.5而不是zoom。为什么要创建一个以80%缩放效果最佳的站点？