制作默认缩放css

Posted 2023-04-14

【中文标题】制作默认缩放css

【英文标题】：Make default zoom css

【发布时间】：2012-06-27 17:16:07

【问题描述】：

所以我的问题相当简单。 当我开始开发我的网站时，我的 Firefox 浏览器上的默认缩放级别竟然低于 100%。 （可能 70%） 这意味着到目前为止我设计的实际上是缩小模式，这反过来意味着我的用户或网络访问者在以 100% 模式查看它时会看到看起来非常放大的东西。 这可以通过按住 Ctrl 并滚动鼠标滚轮两次来轻松解决。显然，虽然我不能鼓励人们这样做。

所以，

html、CSS 或 javascript 中是否有一些函数或属性可以将默认缩放级别设置为缩小？

【问题讨论】：

这不是问题的解决方案。设计您的网站以实现 100% 缩放。

对，怎么可能在不注意的情况下做整个网站...我的意思是，一旦您设置了字体大小，您就会注意到！

设置字体大小时是否会出现显示当前缩放级别的窗口？

否，但浏览器默认为 16px。如果你知道 16px 字体大小的样子，那么你就可以知道你不是在 100% 缩放。

我的网站将不得不到期。我不想重做，现在已经为我的下一个网站学到了重要的一课。

【参考方案1】：

我强烈建议您再次创建您的网站！！！

有帮助吗？

body  zoom: 3; -moz-transform: scale(3); -moz-transform-origin: 0 0

Reference

【讨论】：

我确实提供了帮助，但它有一些副作用。我不会用它。

这是一个不错的 hack，但相信 Jashwant 不要使用它。只需让您的网站 100% 运行或重新开始。

【参考方案2】：

Chrome 可以显示初始缩放级别，例如

HTML  
zoom:90%;

它本身会缩放整个页面而不是初始浏览器缩放级别，这就像缩放一样，但它与 firefox 或 safari 或我的猜测都不兼容。其余的探险家。

GL

【参考方案3】：

感谢 Gabriel Balsa，请注意，这不适用于 firefox

html
zoom: 60%;

【参考方案4】：

不，你不能。这是一个浏览器功能。