我网站上的一个页面有一个指向 media="print"样式表的链接。
<link rel="stylesheet" href=".../print.css" type="text/css" media="print" />
大多数浏览器在为屏幕呈现时正确地忽略此链接,但 IE7 包含该文件并处理样式规则,呈现页面不适合屏幕显示。
IE(以及其他浏览器)如何识别预期的显示内容?是否有 HTML header (或没有)来指导它们?这可以正确地使用 Javascript 吗?
最佳答案
使用@import
at-rule而不是仅包含用于打印的文件并绕过 IE7:
<style type="text/css" media="print">
@import "print.css";
</style>
如果这不起作用,请在 media test page 上尝试其他替代方案
关于css - 浏览器如何选择媒体类型来过滤CSS链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3692202/