响应式布局
响应式布局是根据页面的分辨率来决定用什么样式展示内容。通过媒体查询@media的方式可以设置不同页面尺寸下的样式。
语法
@media mediatype and|not|only (media feature) {
CSS-Code;
}
示例
@media screen and (max-width: 424px) {
} // 普通手机屏幕
@media screen and (min-width: 425px) and (max-width: 767px) {
} // 普通平板屏幕