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

Question

我正在用这个把头发拉出来。我是一个新的Web开发人员，使用引导主题和模板只是为了感受行业，并且在需要有经验的输入的道路上遇到了障碍

我有一个我在那一刻创建的网站，当纵横比低于我的（1920px）时，屏幕的某些部分不能正确调整大小。但是，缩小浏览器可以解决此问题。例如，1440px需要缩小到75％才能使一切正确。由于我朋友的定位请求，许多图片已经从引导框架中掉出来了，尽管我已经使用@media查询来纠正这些问题，但这显然是出现问题的地方。

我知道我应该从头开始修复这个错误，但如果必须这样做，我会非常生气。我知道如果纵横比低于某个水平，可以调整所使用的浏览器缩放的大小，但我听说这不是可行的方法。

有没有人对如何继续这个有任何建议？是否有“整页/ html”缩放查询可以放置到位而不是浏览器缩放？

Answer 1

使用CSS zoom：

body {
  zoom: 0.75;
}

Answer 2

如果您刚刚开始，我建议您右键点击未按预期显示的元素，并在Chrome控制台（或您正在使用的任何浏览器）中进行检查。然后，一旦确认所做的调整符合您的要求，您就可以先调整样式属性并将相应的更改转移到实际代码中。