调整大小到1024像素会产生水平滚动条...但所有的div都已经测量为1024像素。

3

我需要一些帮助:

http://www.stansellelectric.com

如果您在此网站上访问任何页面并将您的显示器(或Firefox浏览器,如果您使用Web Developer工具栏)调整为1024x768,#contentwrap div和页面本身都会出现水平滚动条。现在,将窗口宽度增加到1039px可以解决此问题,但是我需要保持在1024px,并且没有任何滚动条。 我被卡住了,请帮忙?
1个回答

5

屏幕总宽度为1024像素。

为了适应1024像素的屏幕,您需要考虑到 垂直 滚动条(通常为16-24像素宽)和(在某些浏览器中)窗口边缘。这些会占用水平空间。

底线是:您需要使用比1024像素更小的宽度来设置您的内容。设计师中流行的数字是960像素,因为它可以均匀地分割;例如CSS框架960格子系统使用它。

然而,根据我的经验,在大多数设备上,稍高一些的数字(如980或甚至1000)也能很好地工作。


在我试图质疑那个之前,我需要更多了解你的意思。抱歉,我有点困惑你说的话。 - TTUGoldFOX
@TTU 我稍微修改了一下,这样更清楚了,你觉得可以吗? - Pekka
这是一个很好的答案。更像是一个设计约束,或者需要注意的事项。 - Christopher Marshall
是的,现在非常清楚了。我使用Firebug动态地移除了垂直滚动条,水平滚动条也随之消失了。现在我需要稍微重构一下代码,哈哈。非常感谢! - TTUGoldFOX
3
确保您设计的像素数量始终低于所需像素数量。甚至有些显示器会做一些奇怪的事情,即使分辨率是1024,它们也会剪掉一部分。当设计1024宽度时,我的经验是最高不应超过1000个像素。这通常可以解决垂直滚动和大多数显示器可能出现的问题。 - Tony318
谢谢大家!Pekka的答案解决了我的问题。之前的网站开发人员将整个网站构建为1024像素。自从我开始后,我们一直在960像素上构建它们。将网站修复到1000像素,现在它运行得非常好。非常感谢!!! - TTUGoldFOX

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,