Css 媒体打印和媒体屏幕的区别是什么

我正在做一个项目，得到两种类型的媒体查询

<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>

第页{
分页符：永远！重要；
内部分页符：避免！重要；
}
.自定义宽度{
宽度：35%！重要；
字体大小：粗体；
}
.tdValue{
宽度：65%；
边框底部：1件黑色虚线！重要；
}

---

在媒体查询中，“屏幕”和“打印”有什么区别？

这听起来可能很愚蠢或太明显，但：

Screen=For Screens

Print=For Print

媒体屏幕将基本上样式屏幕和媒体打印将有效地工作为可打印页面

（）

---

（）

关于这一点。回答得好！并且可以将媒体查询与所有类型的属性（如高度、宽度等）结合起来。。。它们通常用于响应性设计或时髦人士如何说：PWA