Question

假设我在iframe中显示以下文档：

<html>
  <head>
    <style>
        @media print { body { color: blue; } }
    </style>
  </head>
  <body>Hi!</body>
</html>

有没有办法设置iframe的媒体类型进行打印，以便激活正文颜色样式？

Answer 1

据我所知，无法使用HTML to / iframe来请求特定的@media类型。我支持Firefox开发人员工具的后续扩展，它明确需要编写API来模拟不同的媒体类型：

也许使用SASS或LESS，您可以避免复制和粘贴所有打印代码，并将所有内容嵌套在 body.media-print {} 块中，编写一次代码，并在模拟打印模式时通过将media-print类添加到您的身体来显示它。