什么是使布局可扩展的最佳实践?

时间:2010-01-13 23:53:43

标签: html css xhtml layout

Fluid vs liquid vs elastic与Flexible css layouts之间的技术差异是什么?

这些在技术上是相同还是不同?

移动设备和计算机用户的流畅布局是否更好?

我认为只有两个属性可以使流体布局“em”和“%”。

即使在固定宽度的布局中,我们已经将“em”用于字体。为使网站灵活,我们还需要做些什么?哪个部分应该灵活,哪个部分会更好?或者我们应该让整个事情变得灵活?

2 个答案:

答案 0 :(得分:1)

它们几乎都是一样的。如果你想变得挑剔,我想你可以说弹性具有最大宽度,而只要窗口加宽,流体的宽度可能会继续增加。但一般来说,它们是可以互换的。

答案 1 :(得分:1)

我建议你阅读一些关于这个主题的文章。 Smashing杂志有一篇很棒的帖子,看看which one is right for you。他们对这些布局有一些定义,我相信它们非常准确:

  

<强>固定

     

固定的网站布局有一个包装器   这是一个固定的宽度,而且   里面的组件也有   百分比宽度或固定宽度。该   重要的是容器   (包装器)元素设置为不移动。   无论屏幕分辨率如何   访客有,他或她会看到   与其他访客相同的宽度。

     

<强>流体

     

在流畅的网站布局中,也是   简称液体布局   里面的大多数组件都有   百分比宽度,从而调整为   用户的屏幕分辨率。

     

<强>弹性

     

工作时有第三种选择   网页布局。有弹性的   设计有时是首选   设计师,因为它混合了两者   其他主要布局类型。它的工作原理   使用em调整所有元素的大小。该   下面引用的确切解释了什么   em是为什么它可能是有益的。

文章中的优点和缺点也非常简洁,有实例和进一步的研究。

如果您选择使用“流体”布局,请阅读their article about the subject as well