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

当使用CSS样式的网站有三个主要布局类型可用网页设计师。 本教程的目的是武装所需的信息，以帮助了解作出更明智的决定在选择如何设计你的网站项目。

选项

三个确定网站的宽度- 流体 ， 固定和弹性的主要设计风格。一切都有自己的优点。 还有这些设计模式的弊端，因此重要的是了解情况最好的，其中使用每个布局的类型。

流体布局

也称为液体布局，流行的吸引力，这种布局风格，是充分利用屏幕的房地产，使您能得到您的网页上的内容很多。 在液态布局使设计人员能够不指定包装的宽度。 相反，您网站的内容是由用户的浏览器中查看宽度，也就是说，您不必担心最小和最大尺寸的信息。 网站中所用的流体布局设计，包括亚马逊和播放 。

布局的液体可以导致如IE浏览器的问题，它不支持的属性你不妨用于设置最大宽度的内容。 这再加上填写与网页内容可以从可用性的角度往往把通过关闭布局格式造成不良。

固定布局

顾名思义，固定布局阻止具有自由格式文本，因为它认为合适的网页浏览器，这是网络上最流行的技术之一，如脸谱和英国广播公司应用设计的网站。 这基本上意味着，在您的内容控制，没有什么固定的住宿，这是通常使用的东西实现所谓的包装或容器，它保存在其中的所有内容问题的宽度。 固定宽度的设计，可以设置为左，或1页的右侧，很容易。

同一个固定的宽度设计工作的实际好处是，你可以设定在考虑你的宽度将始终是相同的图像和设计。 这是一个真正的正面的，如果你想有一个横幅图像，例如，需要加以900px，你不会有问题的大小时，问题，你会遇到一个流体设计。

一个固定设计的缺点却是死的空间，你只剩下在您的设计不填写页面。 固定宽度的设计，也可以强制设计者优先。 作为一个网站和内容的增长为最高排名竞争，也要适合在特定的宽度。

弹性布局

最后的设计风格被称为弹性。 经常与流体布局混乱，弹性布局，使一个网站，按比例适合它被认为是在屏幕上。 这可以通过使用或环境管理体系或％。当用户扩展其网络浏览器的网页的其余文字大小将扩大以及因为测量是根据变量，而不是设置的大小。Hotmail的最近开发出自己的网站使用弹性的设计。 如果您的字体大小时，你会发现它们的百分比设置，使用户的设置最。

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

综述

有实力，所有的设计模式，我刚才提到的弱点。 通过权衡了利弊之前，你可以在你的下一个Web项目开始一个受过教育的决定。 你就会知道他们之前，你遇到的问题和解决问题的办法。