html - Chrome 打印样式表不起作用

标签 html css google-chrome printing

我有一个在 IE 中完美运行的样式表,删除页眉和页脚并以更易于打印的方式显示我的内容。然而,当用 chrome 打印时,它不起作用。如果我在开发人员工具中模拟打印媒体查询,它就会执行。

我怀疑这是因为 Chrome 在打印前将文档转换为 pdf。有什么办法解决这个问题吗?

  • 在我的 html 代码中,我的 css 文件链接如下:

<link href="/css/form.css" rel="stylesheet" type="text/css" /> <link href="../content/PrintConfirmation.css" rel="stylesheet" media="print"/>

正如我所说,打印时这在 IE 中完美运行,但在 chrome 中打印时却不行。

最佳答案

重复问题,请参阅答案:Chrome: Print preview differs from simulate CSS media print

特别是 transition: none !important;

关于html - Chrome 打印样式表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26866841/

相关文章:

html - 我有两个垂直 div,但第二个 div 的可变高度导致第一个 div 本身错位

css - 如何在字体目录中加载 Font Awesome ?

javascript - Chrome 扩展 - 打开新标签页

html - 固定导航上的 CSS 剪辑/剪辑路径在 Chrome 和 IE 中不合作

javascript - 使用 jQuery 的 Chrome 扩展

javascript - 如何将 CANVAS 的 X 轴或水平轴设置回 0

html - 使文本元素彼此保持一致的CSS规则?

css - 页面仅在调整大小时响应,但在移动/平板电脑中不响应 - materializecss

javascript - 是否可以再次添加和删除数据滚动速度标签?

javascript - 通过 onclick 事件将 value 属性数据从 HTML 端传递到 JavaScript 函数