如何使用css设置缩放级别

Question

如何使用css设置缩放级别

我一直在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>

Run Code Online (Sandbox Code Playgroud)

Answer 2

Pet*_*tai 7

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

您可以通过以ems或%设置font-size来调整相对于用户默认值和缩放设置的大小.这将改变相对于用户设置大小的事物的大小.

这使您可以让每个页面看起来像另一个人看起来如何......因为每个人对"小","中"和"大"的感知是不同的.

Answer 3

ᴍᴀᴛ*_*ᴋᴇʀ 7

您可以使用 CSS 属性设置缩放zoom。这是一个旧的 IE 东西，Chrome 和 Safari 也支持它。

.zoom
{
    zoom: 120%;
}

Run Code Online (Sandbox Code Playgroud)

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

Answer 4

DA.*_*DA. 5

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

归档时间：	15 年，6 月前
查看次数：	70561 次
最近记录：	8 年，8 月前