我一直在开发我的网络应用程序,在 Firefox 上使用我最初设置的特定缩放级别(使用 ctrl+wheel)。现在,当在另一台 PC 上的 Firefox 上进行测试时,默认的 100% 似乎太大了。我可以使用 css 设置默认值吗?
<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>
DA所说的,缩放是一个用户控制的设置,但是您可以相对于缩放调整事物的大小,如果用户不使用 Ctr + - 来调整大小,而是通过设置默认字体大小来更改大小,您可以- 通过设置以像素为单位的字体大小(而不是 em、% 等)来使用此默认设置......但是,这通常被认为是不好的做法,因为它可能会使字母/大小难以辨认并且对于某些人来说无法更改不了解 Ctr + - 并依赖默认字体大小的人。
您可以通过设置字体大小(以 em 或 % 为单位)来调整相对于用户默认值和缩放设置的大小。这将改变相对于用户设置大小的事物的大小。
这使您能够使每个页面在另一个人看来就像在您看来一样......因为每个人对“小”、“中”和“大”的看法是不同的。
您可以使用 CSS 属性
zoom
设置缩放。 这是一个旧的 IE 东西,Chrome 和 Safari 也支持。
.zoom
{
zoom: 120%;
}
但是,这可能不应该在实时网站上使用......
页面缩放是一个浏览器功能,而不是 CSS 设置(好吧,除了 IE 专有的东西,它对于修复 IE 错误来说确实比任何东西都更有用),所以它是一个用户控制的变量,而不是你可以控制的任何东西。
也会:
*{ 变焦:80% }
如果在index.css中使用,请将浏览器的设置设置为80%缩放?