Question

面对无休止的响应式大小讨论，如：

@media only screen and (max-width: 600px)

似乎“默认”CSS文件的概念已经消失了？

是不是所有最佳实践都假设三大“屏幕”，“打印”和“即”都是需要的？

在“打印”下是否也可以使用“屏幕”下列出的设置？或者，包含没有“媒体”属性的“默认”css表是否仍然最恰当地覆盖了这个？

感谢您的时间。

Answer 1

使用@media print或@media only screen时，您使用范围运算符仅使该部分与@引用相关。

例如：

@media print {

h3 {display: none;
}

img {display: none;
}

body {margin-left: auto;
      margin-right: auto;
      width: 80%;   
}

#wrapper {box-shadow:   none;
}

.floatRight {float: right;
}

.clearFloat {clear: both;
}

.centerText {text-align: center;
}

li {padding-bottom: 10px;
}

}

只有在用户选择打印时才会被调用。

范围之外的任何代码（{}）都将被视为常规css，并适用于与其链接的每个页面。

<强>更新

3个主要@标签只能用于格式化那些不同的属性，例如“打印页面”或“更改移动设备的屏幕尺寸”。您将始终拥有“默认”css页面。

希望这能回答你的问题

默认CSS媒体类型“screen”vs“print”vs“default”

1 个答案: