此类布局在不同屏幕上的显示方式如下：
橡胶布局
“流动”网页的特点是，开发人员以百分比（而不是像素）设置网页上所有视觉元素的大小。因此，在对角线不同的屏幕上，同一个块会有不同的大小，甚至显示略有不同。
优点：
自动调整至页面大小；
在任何显示器上看起来都很棒。
缺点：
在移动设备上查看时，页面的某些视觉元 阿根廷号码过滤 素被压缩得非常严重，以至于很难使用。通常这发生在反馈表和菜单中；
由于屏幕宽度上的块的压缩和拉伸，某些元素在智能手机和平板电脑上可能看起来不太好看；
更加难以实施（因此也更加昂贵）。
流体布局最适合用于开发将所有视觉元素放在一列中的页面，或与固定布局结合使用的页面。
自适应
目前，这是最常见的布局类型。有了它，您可以创建最“实时”的互联网资源，重建其视觉元素并根据所使用的设备类型改变其大小。
显示此类网站布局的示例：
自适应布局
自适应解决方案的基础是橡胶布局与媒体查询或特殊脚本的结合，使您能够确定显示器的尺寸，并根据它们为视觉元素（颜色、图像和字体大小、块位置、元素宽度）分配适当的样式。
优点：
通过在缩放网页时重组视觉元素，其显示效果不会变差；
无需放大，方便在移动设备上查看；
由于自动调整屏幕尺寸，页面可以在任何类型的设备上完美显示。