Opera和Firefox中的窗口宽度硬限制？

Question

好的...嘿，伙计们， 我希望你能帮我解决这个问题，或者也许有人能够为以下问题提供一个可理解的推理。

较新版本的 Opera 和 Firefox 浏览器强制缩小网站的可用宽度。我认为这是为了更好地适应他们的内容（使用更少的未使用空间）。

但是，如果网站内容的宽度超过 1536 像素（并且您的屏幕分辨率为 1920 像素宽度），则可用宽度仍以 1536 为上限（出现水平滚动条）。

我还准备了一个演示： http://r00t.li/test/opera_fittowidth_fckup.html

所以我认为这些浏览器的一个很好的功能是让网站内容适应可用宽度，因为它通常会提高可读性，但是如果我想要/需要利用全屏宽度，我该怎么办？

我尝试了不同的元标记视口设置，但没有任何效果。我猜这仅适用于移动设备。

Answer 1

好的，经过一番搜索，我找到了罪魁祸首：windows 的 DPI 设置会影响这些浏览器显示网站的方式。例如，当 DPI 为 125% 时，Opera 和 Firefox 浏览器不仅尝试将其应用到他们的 UI，而且还通过渲染更大的内容（即使浏览器中的网站缩放设置为 100%）来将其应用到网站，有效地减小可用像素宽度。

作为一名网页设计师，显然无法控制这一点。即使用户花时间将 Windows DPI 更改为 100%，这也不是一个可接受的解决方案。诚然，这些网站看起来又正常了，但是 Windows UI 的字体很小 - 很难阅读。

但我不希望这成为咆哮，所以再说一次；解决方案是将您的 Windows DPI 设置更改为 100%。可以这样做：

1. 右键单击桌面并选择屏幕分辨率
2. 点击“使文本和其他项目变大变小”
3. 选择 100% 并保存您的设置

很遗憾那些浏览器开发人员做出了这个决定......好像用户按住 Ctrl 并在鼠标滚轮上滚动一两次所花费的 100 毫秒太多了。