好的...嘿伙计们, 我希望你能帮助我解决这个问题,或者有人能够为下面的事情提供一个可理解的推理。
较新版本的Opera和Firefox浏览器正在迫使网站上的可用宽度减少。我认为这是为了更好地适应他们的内容(减少未使用的空间)。
但是,如果网站的内容超过1536像素的宽度(并且您的屏幕分辨率宽度为1920像素),则可用宽度仍然限制在1536(出现水平滚动条)。
我也准备了一个演示: http://r00t.li/test/opera_fittowidth_fckup.html
所以我认为这些浏览器的一个很好的功能是将网站内容与可用宽度相匹配,因为它通常会提高可读性,但是如果我想/需要利用全屏宽度,我该怎么做?
我玩过不同的元标记视口设置,但它没有任何效果。我想这只适用于移动设备。
答案 0 :(得分:1)
好的,经过一番搜索后我找到了罪魁祸首:Windows的DPI设置会影响这些浏览器显示网站的方式。例如,DPI为125%,Opera和Firefox浏览器尝试不仅将这个应用于他们的UI,而且还通过将内容渲染得更大(即使浏览器中的网站缩放设置为100%)来有效地应用于网站减少可用的像素宽度。
作为一名网页设计师,人们显然无法控制这一点。即使用户花时间将Windows DPI更改为100%,也不是一个可接受的解决方案。当然,这些网站看起来很正常,但是Windows UI的字体很小 - 很难阅读。
但我不希望这再次成为咆哮;解决方案是将Windows DPI设置更改为100%。这可以这样做:
非常难过那些浏览器开发人员做出这样的决定......好像用户按住Ctrl并勾选鼠标滚轮一两次所花费的时间太长了。