不久前，设计师不必担心网站如何看待手机和平板电脑。手机在网络阅览方面没有真正的实用性，但在iPad之前，平板电脑比必需品更新颖。

显而易见，这一切都发生了变化，绝大多数技术专家预测，在未来几年内，移动浏览可能会更，而不是更晚，因为移动浏览会超过桌面浏览，成为浏览网页的主要方式。

<随着企业意识到移动端用户的线上体验需要优化，所以自己的网站需要在每个客户端都有良好的体验。响应式设计的主要组成部分，响应式设计最基本的三个要素是灵活的网格，适应式网站制作灵活的图像和媒体查询，后者作为CSS3的一部分引进。内容和布局自动适应浏览画面的大小。这就是响应性网站的设计。

..............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................以百分比作为测量单位，这意味着设计为50％的元素将始终占据屏幕的一半，无论屏幕多大或着多小。

灵活的图像

灵活的图像的创建通过写一个简单的规则，其中指出：

img {

最大宽度：100％;

}
基本上这意味着如果某个元素大于其容器，则该规则将强制其匹配该容器的宽度。此外，由于现代浏览器根据比例调整图像的大小，图像的宽度比也被保留。另外，100%的规则也可以用于嵌入式视频等其他要素。

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、媒体类型基本上允许具体类型的网络设备，包括手持设备、屏幕和电视。然而，由于设备之间的标准化程度不高，设备制造商几乎没有支持，媒体类型从未达到潜力。

，媒体查询达到这个潜力，然后是一些。但是，媒体查询不是像介质类型那样关注设备类型，而是查看设备的功能。