媒体查询是什么
匿名提问者2023-05-19
媒体查询是什么
推荐答案
媒体查询是什么
媒体查询：是可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向：横向或纵向)为其设定CSS样式，媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。
媒体查询的基本语法如下：
@media 媒体设备 and (min-width:300px){
选择器{
属性：值;
}
}
@media 表示媒体查询
screen 表示查询设备;媒体设备是个变量，在什么设备下就使用什么值
speech 阅读设备 all所有设备 screen 电脑手机平板
and 链接符号;并列条件
(屏幕条件)
max-width：230px 在230px以下的尺寸中。使用媒体样式。
min-width：230px 表示在大于230px尺寸中使用媒体样式。
