媒体查询 @media

媒体查询 @media

如果文档宽度小于 300 像素则修改背景颜色(background-color):

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

MediaType 多媒体的类型

all  适用于所有类型
print  适用于打印机和打印预览
screen  适用于电脑屏幕、平板电脑、智能手机等
speech  适用于屏幕阅读器

详细表述： https://www.runoob.com/cssref/css3-pr-mediaquery.html