如何使用CSS设置缩放级别

问题描述 投票:0回答:5

我一直在开发我的网络应用程序,在 Firefox 上使用我最初设置的特定缩放级别(使用 ctrl+wheel)。现在,当在另一台 PC 上的 Firefox 上进行测试时,默认的 100% 似乎太大了。我可以使用 css 设置默认值吗?

html css firefox zooming
5个回答
14
投票

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


9
投票

DA所说的,缩放是一个用户控制的设置,但是您可以相对于缩放调整事物的大小,如果用户不使用 Ctr + - 来调整大小,而是通过设置默认字体大小来更改大小,您可以- 通过设置以像素为单位的字体大小(而不是 em、% 等)来使用此默认设置......但是,这通常被认为是不好的做法,因为它可能会使字母/大小难以辨认并且对于某些人来说无法更改不了解 Ctr + - 并依赖默认字体大小的人。

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

这使您能够使每个页面在另一个人看来就像在您看来一样......因为每个人对“小”、“中”和“大”的看法是不同的。


8
投票

您可以使用 CSS 属性

zoom
设置缩放。 这是一个旧的 IE 东西,Chrome 和 Safari 也支持。

.zoom
{
    zoom: 120%;
}

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


7
投票

页面缩放是一个浏览器功能,而不是 CSS 设置(好吧,除了 IE 专有的东西,它对于修复 IE 错误来说确实比任何东西都更有用),所以它是一个用户控制的变量,而不是你可以控制的任何东西。


0
投票

也会:

*{ 变焦:80% }

如果在index.css中使用,请将浏览器的设置设置为80%缩放?

© www.soinside.com 2019 - 2024. All rights reserved.