时间戳

首页 > 解决方案 > 样式标签的媒体属性和规则中的媒体之间的区别

css - 样式标签的媒体属性和规则中的媒体之间的区别

问题描述

在具有媒体属性的样式标签中和在@media规则下指定规则有什么区别？

这个：

<style media="print">
    body { color: green; }
</style>

和这个：

<style>
    @media only print {
        body { color: green; }
    }
</style>

在我的计算机上具有相同的效果：文本是黑色的，但如果我按 [Ctrl]+[p]，Chrome 会显示带有绿色字母的打印预览。

那么这些中的任何一个是否有优势，其中一种方法是否已弃用，或者浏览器支持是否不同？我应该使用哪一个？

标签： cssmedia-queries

解决方案

推荐阅读