固定宽度网站唯一真正的可能性?

时间:2010-10-20 13:56:33

标签: css web

创建网站设计时,提供固定内容宽度的唯一真正选择是什么?

我注意到大多数主要网站(包括此网站)将所有内容都集中到固定宽度,这可确保所有元素在所有屏幕尺寸上都看起来正确。

我想我已经知道答案了,但是一位同事似乎认为永远不应该有一个水平滚动条,网站应该调整到用户的屏幕宽度。我认为文本可以调整大小但其他元素不能(按钮,文本框等),所以固定宽度是唯一的选择。

我一定会喜欢你的意见。

当然,固定宽度是确保所有浏览器上布局正确的唯一方法吗?

6 个答案:

答案 0 :(得分:8)

你可以巧妙地使用浮点数/媒体查询来使布局在更窄的宽度下正常工作。

但使用固定宽度确实更常见:

  • 设计更容易
  • 现在没有多少人拥有狭窄的显示器 - 大多数网站似乎都认为他们有1000像素的水平空间可供使用,而且我没有听说他们得到很多投诉
  • 基于触摸的操作系统(iOS,Android等)使缩放网页感觉非常自然,因此像素尺寸不那么重要。
  • 当内容行太宽(我认为超过60个单词?)时,它们难以阅读,因此对于拥有更大浏览器窗口的用户而言,将元素扩展到全宽度并没有多大好处。

我认为最不可能拥有较少横向空间的用户群是智能手机用户,如果您非常关心他们的体验,那么您将需要针对他们的特定设计。

哦,但只有一件事:“肯定固定宽度是唯一可以保证所有浏览器上布局正确的方法吗?”尽可能地尊重,这是程序员思考它的方式。您无法保证有关网页呈现的任何内容。浏览器和操作系统可以做任何他们想做的事情。这就是网络。放手吧。

答案 1 :(得分:1)

动态宽度网站通常由一个或多个百分比宽度的块组成,总计100%。因此,块大小随分辨率或浏览器大小调整而变化,但如果总宽度太短,则会发生可能性问题,因此为<body>指定了最小宽度,在这种情况下会出现水平滚动条。 但你可以用不同的方式思考:http://www.smashingmagazine.com/2008/08/14/will-horizontal-layouts-return/

答案 2 :(得分:0)

我倾向于使我的网站具有最小宽度的易读性,但否则宽度被确定为窗口大小的百分比(我通常选择80%)。

我发现这给了我足够的视口覆盖率,同时在较大的显示器上仍然看起来很好。

我发现当内容很少时,这种方法在较大的屏幕上失败,因为内容往往会在页面顶部拉伸成一条线,这会让事情变得混乱。因此,对于那些页面,可以使用固定宽度,居中的样式。

答案 3 :(得分:0)

没有。一千次没有。

如果您的网站提供任何类型的正文,固定宽度是90年代中期的可怕宽度,迫使读者像疯了一样滚动,同时被大量未使用的屏幕空间嘲笑到任一尺寸。 (现在,我可能会购买可变数量的。)

BTW:CW的标志。

答案 4 :(得分:0)

水平滚动条是一个大问题。一个设计合理的网站应该能够缩小以用于小分辨率屏幕(640x480)。此外,我的浏览器窗口最大化只是为了浏览网站,这很好。此外,高分辨率显示器的人不应该使用他们的显示器给他们的额外空间。

答案 5 :(得分:0)

取决于内容。如果它是图形和闪光灯那些不规模。如果内容可以缩放,大多数人喜欢流畅的宽度。

大多数人拥有1024个屏幕 - 他们当然需要内容以适应他们的显示器。拥有更宽的空白边界比强迫人们在底部滚动然后在侧面滚动然后重复更好。

宽边框的布局更好吗?那通常是没有的。边框也是设计的一个元素。