媒体查询 @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