【问题标题】:Media=All vs Media=Screen媒体=全部与媒体=屏幕
【发布时间】:2012-09-14 23:34:30
【问题描述】:

似乎最近我看到越来越多的人开始在他们的样式表中使用media="all"media="screen"

我的问题是什么时候应该使用media="all" 而不是media="screen",反之亦然?

注意:我使用的是 HTML5 Doctype,如果这有影响的话。

【问题讨论】:

    标签: html css media-queries


    【解决方案1】:
    media="all"    // Used for all media type devices ( its default under html 5)
    media="screen" // Used for computer screens(default value  for html 4.01)
    

    好读

    7.3 Recognized media types
    Is there no difference between No media and media=“all” in css link?

    【讨论】:

    • 以前的 HTML 规范中的默认值是 screen,而在 HTML5 中只更改为 all。尽管如此,浏览器一直将其视为allstackoverflow.com/questions/6921573/…
    • @BoltClock,OP使用HTML5
    • @BoltClock 你说的很对,我应该给它看的很混乱
    【解决方案2】:

    根据W3C Spec

    7.3 可识别的媒体类型

    为 CSS 媒体类型选择的名称反映了目标设备 相关属性是有意义的。在以下 CSS 媒体列表中 types 媒体类型的名称是规范的,但描述是 内容丰富。同样,每个描述中的“媒体”字段 属性信息丰富。

    全部

    适用于所有设备。

    盲文

    用于盲文触觉反馈设备。

    浮雕

    适用于分页盲文打印机。

    手持式

    适用于手持设备(通常是小屏幕、有限的 带宽)。

    打印

    适用于分页材料和在屏幕上查看的文档 打印预览模式。请参阅分页媒体部分 有关分页媒体特有的格式问题的信息。

    投影

    用于投影演示,例如投影仪。请 有关格式化的信息,请参阅分页媒体部分 分页媒体特有的问题。

    屏幕

    主要用于彩色计算机屏幕。

    演讲

    用于语音合成器。注意:CSS2 有类似的媒体类型 为此目的称为“听觉”。请参阅有关听觉风格的附录 详情页。

    tty

    适用于使用固定间距字符网格的媒体(例如 电传打字机、终端或显示受限的便携式设备 能力)。作者不应将像素单位与“tty”媒体一起使用 输入。

    电视

    适用于电视类设备(低分辨率、彩色、 有限滚动屏幕,声音可用)。

    【讨论】:

    • 其中很多都已折旧,不应使用。请参阅here:“已弃用的媒体类型:CSS2.1 和媒体查询 3 定义了几种其他媒体类型(tty、电视、投影、手持、盲文、浮雕和听觉),但它们在媒体查询 4 ​​中已被弃用,应该不能用。听觉类型已经被替换成语音,类似。”
    猜你喜欢
    • 1970-01-01
    • 2017-01-06
    • 1970-01-01
    • 2015-12-31
    • 1970-01-01
    • 1970-01-01
    • 2023-01-26
    • 2011-12-26
    • 2015-04-11
    相关资源
    最近更新 更多