调试打印样式表的建议？
我最近一直在为一个网站开发一个打印样式表，并且我意识到我对于有效的调整方式感到不知所措。 有一个重新加载周期来处理屏幕布局是一回事：
但是当您尝试打印时，整个过程会变得更加艰难：
我错过了哪些工具？ WebKit的检查员是否“假装这是分页媒体”复选框？ Firebug（不寒而栗）能做些什么魔术？
在Chrome的检查器中有一个选项。
然后，在仿真抽屉中选择媒体，然后选中CSS媒体复选框。
这应该做的伎俩。
更新：DevTools中的菜单已更改。 现在可以通过点击右上角的“三点”菜单>更多工具>渲染设置>仿真媒体>打印来找到它。
来源：Google DevTools页面*
我假设你希望尽可能多地控制打印窗口，而不使用HTML到PDF的方法...使用@media屏幕进行调试 - @media print for final css
现代浏览器可以快速查看打印时使用英寸和点在@media query 。
@media screen and (max-width:8.5in) { /* resize your window until the event is triggered */
html { width:8.5in; }
body { font: 9pt/1.5 Arial, sans-serif; } /* Roughly 12px font */
...
}
一旦你的浏览器显示“英寸”，你就会有更好的想法。 这种方法应该只是结束打印预览方法。 所有打印机将与pt和in单位，并使用@media技术将允许您快速看看有什么事情发生，并进行相应的调整。 Firebug（或相当的）将绝对加快这一进程。 当您将更改添加到@media时，您可以使用media = "print"属性获取链接CSS文件所需的所有代码 - 只需将@media屏幕规则复制/粘贴到引用文件即可。
祝你好运。 网络不是为打印而建的。 创建一个能够提供所有内容的解决方案，有时可能无法与浏览器中显示的内容相同。 例如，对于主要为1280 x 1024的观众来说，流畅的布局并不总是很容易转化为8.5 x 11的精美激光打印。
关于purusal的W3C参考资料：http://www.w3.org/TR/css3-mediaqueries/
在Chrome v41中，它在那里，但在一个稍微不同的地方。
