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:
用于盲文触觉反馈装置盲文:
用于分页盲文打印机浮雕
用于手持设备(智能手机和平板电脑不支持 听这个手持设备
用于分页材料和在屏幕上查看的文档 打印预览模式打印
用于投影演示文稿,例如投影仪投影
n主要用于彩色电脑屏幕和智能手机scree
用于语音合成器。。(不管是什么)语音
用于使用固定间距字符网格(如 显示受限的电传打字机、终端或便携式设备 能力)tty
用于电视类设备(低分辨率、彩色、, 有限的可滚动屏幕,声音可用)tv
参考:文档:我很确定这是一个重复的问题(这就是为什么我最初在提交答案后立即删除了我的答案),但我不记得我是否回答了任何以前的问题-看起来我没有回答,因为我在以前的答案中找不到它。哦,好吧。