页面宽度根据浏览器窗口的工作区域进行调整。当大对角线的宽屏显示器出现时，灵活的布局就变得必要了。固定宽度页面不再在所有显示器上正确显示。
在响应式布局中，宽度以百分比表示，可以通过改变其尺寸来适应不同的屏幕。这解决了不同显示器对角线的问题。
但随后出现了具有巨大对角线的智能手机、平板电 黎巴嫩电报数据脑和台式机。对于这些设备来说，灵活的布局功能已经不够了。
图3 橡胶场地布置图。该网站横跨设备屏幕的整个宽度，但有时看起来是弯曲的。
自适应网站布局
如今，响应式布局用于确保网站在所有可能的设备上正确显示。它根据用户的设备类型更改页面结构。
在智能手机和平板电脑上，这些块是垂直排列的，在笔记本电脑上，水平排列的比例分别为 33.3% 和 66.7%，在电脑显示器上，分别为 25% 和 75%。我们在“为什么应该为网站选择自适应设计”一文中讨论了自适应布局的主题，所以现在我们不会详细描述它。