javascript - 特定宽高比时的特定浏览器缩放

Question

我目前正在用这个来拔头发。我是一名新的 Web 开发人员，使用 bootstrap 主题和模板只是为了了解这个行业，并且在需要有经验的输入的道路上遇到了障碍

我当时创建了一个网站，当纵横比低于我的 (1920px) 时，屏幕的某些部分无法正确调整大小。然而，缩小浏览器可以纠正这个问题。例如 1440px 需要缩小到 75% 以使一切正确。由于我 friend 的定位请求，许多图像已经脱离了引导框架，尽管我使用@media 查询来纠正其中的一些问题，但这显然是问题出现的地方。

我知道我应该返回并从头开始修复这些错误，但如果我必须这样做，我真的会发疯的。我确实知道，如果宽高比低于某个水平，则可以调整正在使用的浏览器缩放大小，但我听说这不是可行的方法。

有人对如何进行此操作有任何建议吗？是否有可以放置的“整个页面/html”缩放查询而不是浏览器缩放？

Answer 1

使用 CSS zoom :

body {
  zoom: 0.75;
}