这种布局可以让网站的宽度适应浏览器的宽度。随着浏览器字段参数的变化，站点的宽度会减小或增加。
优点：
允许您最佳地利用所有屏幕空间。即使在高分辨率条件下，内容字段的侧面也不会出现空白条纹。
缺陷：
在大屏幕上，具有此类布局的网站会拉伸得很厉害（对于文本格式来说，这是一个明显的缺点）。
有时，块与块之间会有间隙。
视力较差的人会发现很难在小屏幕上感知网站上的信息。而且即使屏幕很大，用户的视力是100%，他仍然需要左右转动头部才能从近距离读取信息。此外，在小屏幕上，如果没有固 巴西号码数据 定的最小站点宽度，则块可能会相互重叠。
关于此主题的推荐文章：
企业的竞争优势：如何形成和发展
如何让企业成功而不成为公司的“救火员”
营销策略：类型和形成阶段
具有指定最小和最大宽度的灵活布局
所考虑的布局类型假设站点的宽度可以根据屏幕尺寸减小或增加，但在一定限制内：
当达到最小参数时，块不再向上重新排列- 而是出现滚动条；
当达到最大参数时，站点宽度不会延伸- 相反，屏幕两侧会出现空白字段。
优点：
您可以确信您的网站的外观不会因过度的屏幕压缩或拉伸而变得难以辨认。
缺陷：
如果将最大分辨率设置得太低，较大屏幕上的侧面间隙可能会变得比内容字段更大。
自适应布局
它被认为是网站创建中使用的最先进的技术。通过自适应布局，不仅块，而且所有内容元素（甚至最小的内容元素，如图像、字体等）都会根据屏幕分辨率进行调整。具有自适应布局的网站格式使您可以轻松适应任何屏幕尺寸和分辨率。对于使用移动设备浏览器的用户来说这尤其方便。
值得注意的是，专家建议从小分辨率开始自适应布局，然后逐渐过渡到宽格式。
优点：
由于自适应布局，我们获得了现代且最用户友好的网站格式。
缺陷：
给缺乏足够经验的开发人员带来困难。在开始响应式布局之前，您需要选择一个优先分辨率，以便所有内容元素都能以正确的大小显示。
在某些情况下，上述布局技术可以成功地相互结合，例如：
响应式设计可以与橡胶布局进行交互；
网站可以采用灵活布局进行开发，移动版本可以采用自适应布局进行开发。