在this question中,在最受欢迎的答案中说:
使用液体布局
为什么这被认为是一种好习惯?我的观点是,对液体布局进行设计更加困难,因为从一个窗口大小到另一个窗口大小可能会有很大变化......额外的复杂性值得吗?我应该考虑做出选择吗?
答案 0 :(得分:5)
我已经进行了很长一段时间的网页设计和开发,很少有人在网站上使用过液体布局。
有些时候,它可以有用,网络应用程序有时可以从液体布局中受益。然而,最安全的(在设计方面和在不同浏览器,屏幕等方面工作的一切),最好看(在我看来)和创建网站的“标准”方式都有固定的宽度。
环顾四周。查看具有液体布局的网站,并问自己为什么他们有液体布局。例如,他们有很多动态/变化的文本区域吗?有很多信息要展示?缺乏视觉/图形设计?它是一个非常主观的领域,但你必须在它之间做出选择。您的网站看起来更好固定还是流畅?你想要拥有巨大显示器的人(比如我 - 27“imac)必须看到你的网站真的很胖吗?我讨厌在我的Mac上观看亚马逊!
答案 1 :(得分:1)
Personnaly我发现液体布局总是难以使用,但是当它设计得很好时它们看起来更好。
您可以查看一些可以帮助您处理液体布局的网格css框架。
答案 2 :(得分:1)
正确的选择取决于您的需求。
流动布局可能更难理解和实施,但您获得灵活性。
灵活布局意味着它可以轻松适应到不同的屏幕分辨率。
完成液体布局后,您可以通过一些更改(主要是CSS规则)对移动网站进行调整(如果还没有)。
随着新技术的快速发展(新设备,新屏幕,新分辨率,16:9,16:10,全高清等),您可以轻松实现在各种分辨率下无问题显示的布局在不同的显示器上。
这就是液体布局的用途。
另一方面,静态网站只不过是我们过去几年看到的,就像一个居中的960px宽页面,无法在大多数手机上显示,即使他们显示它,祝你好运导航网站。
请注意,您实际上可以实现一种混合:一种固定大小的布局,最大宽度为960px,通常可以在桌面浏览器中查看,然后通过自动宽度适应较低的分辨率。