Question

我一直在我最初设置的firefox上使用某个缩放级别开发我的webapp（使用ctrl + wheel）。现在，当在firefox上的另一台PC上进行测试时，默认的100％似乎太大了。我可以使用css设置默认值吗？

Answer 1

    <html>    
        <body>
            <div id="sampleDiv" style="width: 100px; background-color: Gray;">
                Zoom Me
            </div>
            <button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
            <button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
            <button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>
        </body>
    </html>

Answer 2

DA说的是，缩放是一个用户控制的设置，但是你可以根据缩放来调整大小，如果用户不使用Ctr + - 来调整大小，但是通过设置默认字体大小来改变大小，你可以可以通过设置以像素为单位的字体大小（而不是ems，％等）来覆盖此默认设置....但是，这通常被认为是不好的做法，因为它可能使字母/尺寸难以辨认且不可更改对于一些不了解Ctr +的人 - 并且依赖于默认的字体大小。

您可以通过设置以ems或％为单位的字体大小来调整相对于用户默认值和缩放设置的大小。这将改变与用户设置大小相关的事物大小。

这使您可以让每个页面看起来像另一个人的样子......因为每个人对“小”，“中”和“大”的感知是不同的。

Answer 3

页面缩放是一个浏览器功能，而不是CSS设置（好吧，除了IE专有的东西，这对于修复IE错误确实比任何东西更有用）所以它是一个用户控制的变量，而不是你拥有的任何东西掌控。

Answer 4

您可以使用CSS属性zoom设置缩放。这是旧的IE浏览器，Chrome和Safari也支持。

.zoom
{
    zoom: 120%;
}

但是，这可能不应该在实时网站上使用......

如何使用css设置缩放级别

4 个答案: