2009-12-08 100 views
2

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

+0

你是什么意思最好?你可以使用的最大值?在大多数情况下,固定宽度打破可访问性准则,尽管这不是严格的。 – Rippo 2009-12-08 07:25:27

+1

最好在Doctype上发布网页设计问题。 – 2009-12-08 07:56:34

+2

如果每个网页设计问题都应该在Doctype上发布,那么“网页设计”标签应该被SO封锁。人们使用SO来获得快速和良好的答案,这是真实的,所以对于所有类型的问题都是非常好的和快速的反应,并且很有价值。 – 2009-12-08 11:25:17

回答

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的Display Browser Statisics。

0

你从哪里听到的?一个固定宽度的网站带来了这样的问题,即它在大多数情况下只适合宽度适合的屏幕。想想一个固定宽度为768px的网站,该页面将如何看待1920x1200的分辨率?

您应该开发可以使用浏览器分辨率进行扩展的网站。

+1

同意。除非您需要像素精确设计或有其他要求,否则您的网站应该与浏览器一起扩展。 – 2009-12-08 07:30:20

+0

但开发网站的%和em将花费比像素更多的时间。你无法调整图像大小。 – 2009-12-08 07:33:14

+0

你应该只在客户需要时才开发可扩展的网站。 – 2009-12-08 07:34:50

0

理想情况下,您的网站应该与屏幕分辨率的宽度成比例。但是在大多数情况下这很困难。由于大多数用户仍然使用1024x768分辨率,所以任何宽度都可以使所有内容在这样的屏幕上显示而不需要滚动,这是一个很好的宽度。

2

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

但是,它确实会降低到您认为适合网站,内容和客户端的程度。

0

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

但是,在非常小的屏幕上,如果将宽度设置为70%或80%,则会浪费宝贵的屏幕分辨率。因此,锻炼什么是你允许的最小像素宽度 - 为了说明的缘故,假设它是800px。

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

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

+1

这是一个旧的学校黑客,我不会推荐。如果您需要使用最小宽度定义最小值 - IE6是唯一不支持此标签的普通浏览器。请记住为iPhone等设备配置视口。 http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509 – 2009-12-08 08:07:52

0

因为网站可以出现在任何数量的浏览器,任何数量的设备上,以任意数量的分辨率(电话,上网本或电影屏幕?),固定宽度就是一团糟。 Kludges可以工作,但是为了一个目的而设计会更好,而不是决定一些任意的规则,然后坚持到底,而不知道为什么。

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

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

1

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

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

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

0

这种问题确实与主题/模板有关,如果您使用像drupal这样的CMS(以及其他许多CMS),可以灵活处理以提供您所需的任何内容。固定或流体 - 无论如何。你甚至可以让你的用户决定。