我们正在尝试使用@media print.css样式表来启用网页以打印一组Avery标签（6张在纸张上 - 4“x 3”）。通常情况下，打印媒体样式表似乎是一个完美的解决方案，使页面看起来像屏幕上的列表，但是当您打印列表时，您会获得Avery徽章的印记！
但挑战在于细节。除了每个浏览器似乎对打印样式有独特的解释之外，一些规则不起作用。我已经看过并研究过使用print.css时可以获得的大部分基本信息。使用黑色覆盖字体颜色并设置要打印的细节是否相当容易，但这项任务需要的是@page详细信息中精确的元素放置和样式。
该网站已经具有Bootstrap和其他链接的.css页面，虽然我已将它们取消链接以测试页面，并试图找出任何可能干扰打印样式的内容。
似乎浮动在IE中不起作用。我们要打印的列表页面内容在Chrome中浮动的div中排列，但字体样式和其他div不能按预期呈现。 Firefox没有显示任何所需的打印内容，但指示页面编号似乎与Chrome一致，有56页标签，（抱歉，如果你看不到它们？）我希望这个文档可以作为一个存储库媒体@print的提示技巧和限制。
答案 0 :(得分：0)
我遇到了同样的问题。我需要以精确的尺寸打印到特定的Avery标签，虽然我可以使用它与Chrome合作（尽管它忽略了一些打印CSS样式） - 但它在Firefox中不起作用。 Safari似乎也属于它自己的世界。
我认为我解决此问题的唯一方法是生成用户必须下载和打印的PDF（或从他们的浏览器打印PDF）。
很糟糕，但是没有找到任何＆＃34; CSS打印浏览器重置的解决方案＆＃34;。