【问题标题】:What is the difference between media print and media screen媒体打印和媒体屏幕有什么区别
【发布时间】:2019-01-21 15:36:53
【问题描述】:

我正在做一个项目,得到了两种类似这样的媒体查询

<style type="text/css" media="print">
        div.page {
            page-break-after: always !important;
            page-break-inside: avoid !important;
        }

    </style>
    <style media="screen,print">
        .customTdWidth {
            width: 35% !important;
            font-weight: bold;
        }

        .tdValue {
            width: 65%;
            border-bottom: 1px dotted black !important;
        }

    </style>

媒体查询中的“screen”和“print”有什么区别?

【问题讨论】:

    标签: css media-queries


    【解决方案1】:

    这听起来可能很愚蠢或太明显,但是:

    Screen = For ScreensPrint = For Print

    媒体屏幕将基本上是屏幕样式,媒体打印将有效地用于可打印页面。

    (ref.1)

    (ref.2)

    【讨论】:

    • 说到点子上了。好答案!并且可以将媒体查询与各种属性(如高度、宽度)结合起来......它们通常用于响应式设计或时髦人士所说的:PWA
    猜你喜欢
    • 2012-01-22
    • 2012-09-14
    • 1970-01-01
    • 1970-01-01
    • 2017-01-06
    • 2013-06-26
    • 1970-01-01
    • 1970-01-01
    • 2011-12-26
    相关资源
    最近更新 更多