我纯粹是从可用性的角度提出这个问题：调整浏览器窗口大小时，网站是否应该扩展/拉伸以填充查看区域？

我肯定知道有明显的缺点：

• 宽列文字难以阅读
• 使用百分号编写html / css可能会很痛苦
• 如果图像太宽或者添加的文本块太长，则很容易使设计超出其限制。 (看到编写html / css很麻烦)

我能想到的唯一Pro是使用使用内置在浏览器中的字体调整大小的用户，无需处理只有几个字长且两边带有空格的列。但是，我认为这可能是浏览器最重要的问题(Firefox 3允许我们缩放所有内容，而不仅仅是缩放文本，这总是很方便的)

编辑：我注意到堆栈溢出是固定宽度，但编码恐怖调整大小。似乎Jeff都没有强烈的偏爱。

解决方案

回答

这是样式偏好的问题。根据实现，两者可以同等使用。如果屏幕足够宽，也可以使用列。就个人而言，当屏幕上只有一列狭窄的文字时，我感到很烦。

2012年修改：是的，网站应响应其所显示窗口的大小。

有很多地方可以阅读有关此内容的更多信息，包括：

• http://johnpolacek.github.com/scrolldeck.js/decks/sensitive/
• http://www.abookapart.com/products/sensitive-web-design
• http://en.wikipedia.org/wiki/Responsive_Web_Design

回答

原始HTML就是这样做的。我们是否正在更改数据，以使其在随机大小的窗口中显示效果不佳？

在过去，每个人都有VGA屏幕。现在，这种解决方案是最不常见的。谁知道将来会有什么样的决议？以及为什么期望一定的最小宽度或者高度？

从可用性的角度来看，要求用户提供一定的分辨率只会给不使用该分辨率的任何人带来降级的体验。由此产生的另一件事是固定宽度是多少？我见过很多固定大小的窗口(弹出窗口)，这些窗口不能正确渲染，因为我的字体与设计者的字体不同。

回答

我猜想很多事情：这取决于。我通常都做。某些内容会保持固定的宽度，以使其看起来不错，或者如果它不能受益于更多空间。如果其他东西似乎有用，则将其设置为100％。

回答

在网站缩放方面，我喜欢固定大小的网站，该网站可以使用浏览器的"缩放"功能很好地缩放。我不希望在1920 res显示器上放宽字体很小的页面。我不知道网页设计师是否需要做任何事情以使其在缩放时能很好地缩放，但是FF3的缩放效果很棒，IE7中的效果没用...

回答

这应根据我们网站的设计复杂程度来决定。从图形上还是从组件角度(内容div的数量)而言，越复杂，将决定网站扩展的程度。通常，我们会发现大多数图形设计师的网站都无法缩放，因为它们占用大量图形资源。但是，信息网站将进行扩展以最大程度地利用屏幕上的可读空间，并且不会因易于使用而变得复杂。确实是一个优先事项。

回答

我认为这取决于网站的内容。诸如SOFlow，论坛和其他站点之类的站点着重于阅读大量细节，因此，在我看来，拥有更多房地产是一个很大的好处。垂直滚动越少越好。

但是，对于对阅读水平要求不高的网站，甚至是我们只是在展示单个产品的博客或者零售网站，固定宽度都可以使内容更加简洁。

回答

重要的是永远不要使文本块延伸得太宽。如果扩大窗口，则任何文本块都不应无限期地延伸以匹配，因为阅读会变得很困难。

回答

回答

就像人们所说的，这实际上取决于网站显示的信息。两个很好的例子是StackOverflow和Google图片。

如果将stackoverflow拉伸到适合屏幕的大小，则较长的答案将很烦人，因为眼睛发现很难扫描长行，这就是为什么报纸要使用列来显示所有内容，以及为什么书的宽度都一样。

在Google图片中，内容基本上是一堆200像素宽的图片，它可以拉伸以适合浏览器的宽度，并且仍可完美阅读。

基本上，请记住，眼睛讨厌阅读长行文本，并以此为基础进行设计。我们可以设计站点，以便在增加字体大小时可以很好地缩放所有布局(我能想到的唯一可以做到这一点的站点是www.geektechnique.org，请按ctrl和-/ =或者ctrl +滚轮，并且布局会随着字体大小而改变宽度)

回答

注意：如果我们在浏览器中使用缩放功能，则固定的布局会压缩文本，而流畅的布局会占用整个屏幕。

也许这只是一个浏览器问题，但这绝对是支持流畅性的一个论点。

回答

回答

我是全流体设计的忠实拥护者。至于关于文本行太长的可用性投诉……如果由于我的浏览器窗口的大小而导致文本行太长，那么我可以轻松地使窗口变窄，也可以使其变宽。

回答

设计应该在合理的范围内流畅。

使用CSS具有"最小宽度"和"最大宽度"属性(可在包括IE7 +在内的所有浏览器中使用)，以防止设计拉伸过多。

回答

我会一直说的很流畅。如果用户不喜欢放大窗口的结果，则总是可以返回到较小尺寸的窗口，但是他不能对固定布局做任何事情。

如果我们真的很讨厌网站看起来丑陋，因为用户使用的是大屏幕，那么从真实和美观的角度出发，至少不要使用基于像素的固定布局！ CSS具有这些整齐的相对于文本的大小单位，例如" em"，它使页面的某些部分可以根据字体大小进行缩放，而其他部分(如图像)则保持其"自然"大小。

为什么不使用它们并在不依靠FF3不太灵活的"全部缩放"的情况下使页面缩放良好呢？对于使用基于哑像素的固定布局的网站来说，这实际上只是一个解决方法？

回答

许多人在说诸如"这是一种口味问题"或者"我不喜欢高像素显示器上的大字体"之类的东西。像素数与它无关，这与口味无关。这是DPI的问题，它与显示分辨率和字体大小直接相关。如果布局与字体的DPI一起缩放(例如通过在ems中指定并使用SVG)，那么我们最终会获得非常漂亮，非常清晰的网站，可以完美地与任何显示一起使用。

http://www.boutell.com/newfaq/creating/anyresolution.html