Css 是否';全部';是否向媒体查询添加任何内容?

Css 是否';全部';是否向媒体查询添加任何内容?,css,media-queries,Css,Media Queries,这是: @media all and (min-width: @medium-min) { } 跟这个一样吗 @media (min-width: @medium-min) { } 我不明白为什么添加“全部”会比不指定有什么不同。然而,我经常看到添加了“全部”。是否存在需要此功能的边缘案例 你所举的两个例子确实是等价的。在本例中,all关键字是隐式的。从: 提供适用于所有媒体类型的媒体查询的速记语法;关键字“all”可以省略(以及尾随的“and”)。即,如果未明确指定媒体类型,则为“全部”

这是:

@media all and (min-width: @medium-min) { }
跟这个一样吗

@media (min-width: @medium-min) { }

我不明白为什么添加“全部”会比不指定有什么不同。然而,我经常看到添加了“全部”。是否存在需要此功能的边缘案例

你所举的两个例子确实是等价的。在本例中,
all
关键字是隐式的。从:

提供适用于所有媒体类型的媒体查询的速记语法;关键字“all”可以省略(以及尾随的“and”)。即,如果未明确指定媒体类型,则为“全部”

然而

是否存在需要此功能的边缘案例

是:只有
关键字
关键字不
都需要指定媒体类型,才能使媒体查询有效。如果要将媒体查询应用于所有媒体,则需要使用
all
关键字:

@media only all and (min-width: @medium-min) { }
@media not all and (min-width: @medium-min) { }
你可以在地图上看到这一点。如果查看
media_查询
production,您会注意到省略媒体类型的部分不包括
[仅|不]?S*
表达式:

media_query
 : [ONLY | NOT]? S* media_type S* [ AND S* expression ]*
 | expression [ AND S* expression ]*
 ;

我不清楚这是否是故意的,但实现完全尊重这一点,因此类似于
not(最小宽度:300px)
的东西将不起作用,也不会起作用。

是的,它会起作用,并且默认设置为all

所有设备都会听这个

可用媒体类型:

  • all:
    所有设备都收听此节目
  • 盲文:
    用于盲文触觉反馈装置
  • 浮雕
    用于分页盲文打印机
  • 手持设备
    用于手持设备(智能手机和平板电脑不支持 听这个
  • 打印
    用于分页材料和在屏幕上查看的文档 打印预览模式
  • 投影
    用于投影演示文稿,例如投影仪
  • scree
    n主要用于彩色电脑屏幕和智能手机
  • 语音
    用于语音合成器。。(不管是什么)
  • tty
    用于使用固定间距字符网格(如 显示受限的电传打字机、终端或便携式设备 能力)
  • tv
    用于电视类设备(低分辨率、彩色、, 有限的可滚动屏幕,声音可用)

参考

文档:我很确定这是一个重复的问题(这就是为什么我最初在提交答案后立即删除了我的答案),但我不记得我是否回答了任何以前的问题-看起来我没有回答,因为我在以前的答案中找不到它。哦,好吧。