1. 媒体查询
“媒体查询不是针对某些设备，而是检查设备在渲染我们作品时的物理特性,”媒体因此允许开发人员基于用户的设备的属性使用条件检查改变网页设计。
2. 流动布局
无论用户使用的是21寸桌面计算机、13英寸笔记本电脑、9.7英寸的平板电脑、或5.5英寸的手机，使用CSS创建灵活的网格时，自动重新调整自己以适应屏幕的大小或浏览器窗口。这使得设计师能够跨多个设备保持一致的外观和感觉。另外，它可以节省大家的时间和金钱允许设计师来更新网站的一个版本或多个版本。
3. 灵活的视觉效果
使用代码阻止媒体文件超过容器的尺寸。“容器本身的尺寸灵活”，所以能确保网页不会溢出。
