IT技术博客网
css3的多媒体查询可以让网页自适应各类型浏览器的尺寸，根据屏幕分辨率加载不同样式
| 值 | 描述 |
|---|---|
| all | 用于所有多媒体类型设备 |
| 用于打印机 | |
| screen | 用于电脑屏幕，平板，智能手机等。 |
| speech | 用于屏幕阅读器 |
实例：以下代码常用电脑屏幕背景显示红色，手机端背景显示黑色
<style type="text/css">
@media screen and (max-width: 1680px) {
body {
background-color: red;
}
}
@media screen and (max-width: 480px) {
body {
background-color: black;
}
}
</style>
写评论