流体，固定和弹性的网页设计，解释

当使用CSS样式布局主要有三种类型的网页设计师提供一个网站。 本教程的目的是武装你需要知道的信息，以帮助做出更明智的决定，选择如何设计你的网站项目时，你。

“选项”

确定网站的宽度的主要布局风格 -流体，固定和弹性都有自己的优点。 这些设计模式也有缺点，所以重要的是要知道最好的情况，在其中使用每个类型的布局。

流体布局

也称为液体布局，这种布局的风格是受欢迎的屏幕房地产的充分利用，这样你就可以在您的网页的内容很多。 液体的布局，使设计人员不指定包装宽度。 相反，您的网站内容是由用户的浏览器观看的宽度，这意味着你不必担心最小和最大的信息上浆。 使用流体布局设计的网站， 包括亚马逊 和播放。

液体的布局可能会导致问题，如IE浏览器不支持属性，你不妨来设置最大宽度的内容。 这与事实，填充网页内容可以从可用性的角度来看坏的耦合，往往使关闭人们采用的布局格式。

固定布局

顾名思义固定布局停止从自由格式的文本，它认为合适的Web浏览器，这是在网络上最流行 ​​的技术之一，如网站， Facebook 的和英国广播公司（BBC）应用设计。 这基本上意味着，宽度你的内容是控制和保持固定的没有什么，这通常是通过使用一些所谓的包装，容器，其中包含内的所有内容。 固定宽度的设计，可以设置左，或权利的一个页面，很容易。

真正的奖金与固定宽度的设计工作，您可以设置图像周围的考虑和设计，你的宽度将始终是相同的。 这是一个真正的利好，如果你想一面旗帜的形象，例如，需要900px，你不会有问题时，调整大小，流体设计，你会遇到的问题。

然而，一个固定设计的缺点是死的空间，您与您的设计不填写页面左侧。 一个固定宽度的设计也可以迫使设计者优先。 作为网站的发展和内容竞争的最高排名，它仍然必须适合在一个特定的宽度。

弹性布局

最终的设计风格被称为弹性。 经常与流体布局相混淆，弹性布局使一个网站，比例合适的是在屏幕上观看。 使用EMS或％，这样就可以实现，当用户扩大他们的网页浏览器的文字大小，网页的其余部分将扩大以及因为测量是基于反对设置大小的变量。Hotmail的最近开发了他们的网站使用弹性的设计。 如果你在字体大小看，你会发现，它们的百分比设置，使用户设置的最。

三种设计风格，这是最不受欢迎的，因为它是最有利于用户体验。 其变量的性质，可以使用户体验的问题。 结合同一个平台上，如IE6的浏览器支持的缺乏，这使得设计与不受欢迎的设计师要明确指导的浏览器不兼容的问题。

综述

有我刚才提到的所有设计模式的优势和弱点。 权衡利弊，您可以开始您的下一个Web项目之前，一个受过教育的决定。 你遇到他们之前，你会知道的问题和解决方案。