在这个问题中，最受好评的答案是这样说的：
使用液体布局
为什么这被认为是一种好的做法？我的观点是，设计液体布局更加困难，因为它可以从一个窗口大小到另一个窗口大小变化很大......额外的复杂性值得吗？我应该考虑什么来做出选择？
问问题
1674 次
3 回答
5
嗯，我不同意这一点。使用固定宽度布局，您可以创建在所有浏览器上都可以查看的内容。
我从事网页设计和开发已经有一段时间了，我很少在网站上使用过液体布局。
有时它会派上用场，Web 应用程序有时可以从流畅的布局中受益。然而，创建网站的最安全（就设计和跨不同浏览器、屏幕等工作的一切而言）、最佳外观（在我看来）和“标准”方式是使用固定宽度。
只是环顾四周。查看具有流动布局的网站并问自己为什么它们具有流动布局。例如，他们是否有很多动态/变化的文本区域？有很多信息要显示？缺乏视觉/图形设计？这是一个非常主观的领域，但您必须在其中做出选择。您的网站看起来是固定的还是流动的更好？你想让拥有巨大显示器的人（比如我 - 27" imac）看到你的网站真的很胖吗？我讨厌在我的 mac 上查看亚马逊！
于 2011-08-30T12:33:50.157 回答
1
我个人发现流式布局总是更难使用，但如果设计得很好，它们看起来会更好。
您可以查看一些可以帮助您使用流式布局的网格 CSS 框架。
于 2011-08-30T12:35:16.460 回答
1
正确的选择取决于您的需求。
流动布局可能更难理解和实施，但您获得了灵活性。
灵活的布局意味着它可以轻松适应不同的屏幕分辨率。
一旦你完成了你的流式布局，你还可以通过一些更改（主要是 CSS 规则）将其调整为移动网站（如果还没有的话）。
随着新技术（新设备、新屏幕、新分辨率、16:9、16:10、全高清等）的快速问世，您可以轻松实现在不同显示器上以各种分辨率显示没有问题的布局.
这就是液体布局的用途。
另一方面，静态网站无非就是我们在过去几年中看到的，就像一个居中的 960px 宽的页面，无法在大多数手机上显示，即使它们显示它，也祝你浏览网站好运。
请注意，您实际上可以实现一种混合：固定大小的布局，最大宽度假设为 960 像素，以便在桌面浏览器中正常查看，然后通过自动宽度适应较低的分辨率。
于 2011-08-30T12:35:43.573 回答