在IE7或IE8中查看打印CSS

Question

我正在调试一个网站，它在打印时存在元素定位问题（我有一个单独的print.css文件，通过带有media="print"属性的link元素链接）。这个问题只发生在IE7和IE8中。

我想要的是一种查看页面使用打印媒体类型的方法，同时仍然可以使用IE8的开发人员工具查看元素详细信息并实时编辑等。

我正在寻找的功能类似于Chris Pederick的Firefox Web Developer扩展中的“按媒体类型显示CSS”功能。（但这个问题在firefox中不会出现...也不会在safari中出现，甚至不会在IE6中出现。）

- RVanasse

---

模拟Internet Explorer中的打印媒体 - cweiske

Answer 1

为什么不在调试会话中将屏幕属性分配给打印样式表（并删除屏幕版本或交换媒体属性）？

- tom

---

不幸的是，尽管这适用于定位，但在浏览器中和打印预览中看到的这些元素之间存在差异。因此，虽然这可能具有与Web开发人员工具栏相同的效果，但我仍然必须解决这个特定的错误。感谢您提供的信息！ - RVanasse

这不是一个理想的解决方案，因为正如RVanasse所说，在打印预览中并不相同。我也有同样的问题。在FF和Chrome中工作正常，但IE显示异常，但当使用打印的.css到屏幕上时，一切都很好... - Patrick Desjardins

Answer 2

我一直采取的做法是禁用（注释掉“屏幕”样式表），并将media =“print”样式表转换为media =“screen”。这是我不打印大量测试页面的唯一方法。

- andrewWinn

Answer 3

我一直使用打印预览，从来没有遇到过问题。只需在IE中打开它；我会用条件语句来定位它，但“黑客”同样有效。

你看到了差异...你的其他链接元素有什么媒体属性？如果你所有的链接都是一样的，把它切换到type="screen, projection"。

- albert