网站固定宽度

时间:2009-12-08 07:20:20

标签: language-agnostic

我正在开发一个网站。 我听说最好有一个固定宽度的网站。 什么可能是我可以分配到我的网站的最佳固定宽度?

8 个答案:

答案 0 :(得分:4)

作为Yahoo says

* #doc - 750px centered (good for 800x600)
* #doc2 - 950px centered (good for 1024x768)
* #doc3 - 100% fluid (good for everybody)
* #doc4 - 974px fluid (good for 1024x768)

我建议使用雅虎风格并遵循他们的建议。 另一个有用的资源是来自w3schools.com的显示浏览器统计信息。

答案 1 :(得分:2)

虽然我同意那些声称可变宽度有其益处的人,但我发现除非有重要内容,否则当网站延伸时内容会变得非常稀疏,因为它会延伸到更宽的宽度。仅仅因为这个原因,我的许多客户都要求固定宽度的皮肤。保持网站缩小可以帮助构建内容并保持更“恒定”的外观(当这是一个问题时)。通常,在设计固定宽度的网站时,我会使用W3C上的统计数据来获得最常用的分辨率。目前,我一直在设计宽约980px,这允许1028宽,滚动条和一些背景仍然可见。但是,随着越来越多人采用宽屏幕显示器,我注意到统计数据向更广泛的分辨率转移。

然而,它确实归结为您认为适合网站,内容和客户的内容。

答案 2 :(得分:1)

960 Grid System认为960像素是明智的选择,因为这个数字有这么多的除数。我不确定我是否同意,但他们确实在他们的网站上有一个令人印象深刻的演示网页列表。

您可以在页面底部找到指向流动替代品的链接。

根据我的经验,固定与流畅的辩论似乎是设计师与程序员的讨论。设计师通常更喜欢固定布局,因为这会给他们更多的控制,而程序员通常更喜欢流畅的布局,因为通过设置浏览器窗口的宽度,他们可以选择他们想要的宽度。

答案 3 :(得分:0)

你在哪里听到的?具有固定宽度的网站带来的问题是它(大多数时候)只在屏幕适合宽度的地方看起来很好。想想一个固定宽度为768px的网站,该网页在分辨率为1920x1200时会如何?

您应该开发符合浏览器分辨率的网站。

答案 4 :(得分:0)

理想情况下,您的网站应根据屏幕分辨率的宽度进行缩放。但在大多数情况下,这很难。由于大多数用户仍然使用1024x768分辨率,因此任何宽度使得所有内容都显示在这样的屏幕上而不需要滚动是一个很好的宽度。

答案 5 :(得分:0)

这是一个可能派上用场的小黑客。在较大的屏幕上,我发现没有100%宽度是好的,因为水平眼睛滚动的数量超过舒适。关于A4或foolscap页面是人们喜欢他们的内容宽度。

然而,在非常小的屏幕上,如果将宽度设置为70%或80%,则会浪费宝贵的屏幕分辨率。所以锻炼你允许的最小像素宽度 - 为了论证,让它说它是800px。

创建与背景颜色相同的1x1像素图像。然后将此图像放入您的内容窗格(div,表格,无论您用于布局),但设置width =“800px”height =“1px”,这将强制您的内容始终至少800px宽但不覆盖全屏宽度大于800px的分辨率。

正如我所说,它是黑客,它可能或可能不是你正在寻找的。

答案 6 :(得分:0)

由于网站可以出现在任意数量的浏览器,任意数量的设备上,任意数量的分辨率(电话,上网本或影院屏幕?),因此固定宽度是一个不错的选择。 Kludges可以工作,但最好是为了一个目的而设计,而不是决定一些任意的规则,然后在不知道原因的情况下坚持使用它们。

不要只使用1024px,因为大多数人在大多数情况下都可以处理。知道你想要达到的目标,并用它来告知你的决定。

那么,你是谁的目标,你想让他们做什么?

答案 7 :(得分:0)

这类问题实际上与主题/模板有关,如果你使用像drupal这样的CMS(和许多其他人)可以灵活处理,为你提供你想要的任何东西。固定或流动 - 无论如何。您甚至可以让用户决定。