响应式布局

媒体查询通常用于响应式设计，以便根据屏幕大小显示不同设备的布局。这是因为在较小的屏幕上显示时，某些布局总是看起来像被拉伸过（甚至被挤下去）。

可以使用媒体查询将布局设置为宽屏幕（台式机，笔记本电脑等），中等尺寸屏幕（平板电脑，大型手机）以及小尺寸屏幕（手机等）。

对布局添加媒体查询[……]

继续阅读