css – Chrome打印预览与DEVTools不同

前端之家收集整理的这篇文章主要介绍了css – Chrome打印预览与DEVTools不同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经设置了一个打印样式表,在firefox中它看起来不错。

在Chrome中,整个页面在打印预览(CTRL P)中已损坏,但如果我打开Chrome DEVTools(F12)并使用模拟CSS媒体功能,则该页面看起来正确 – 就像在Firefox中。

奇怪的是,如果我再次打开打印预览,在激活模拟选项一次后,该页面在打印预览中看起来正确!即使如果我只是激活然后停用模拟选项,打印预览总是正确的!

我的print.css以

@media print {…}

并包含在页面< head>喜欢这个:

< link rel =“stylesheet”type =“text / css”href =“print.css”media =“print”>

我试图删除media =“print”,但没有任何改变。

解决方法

在打印样式表中,您需要添加以下内容

* {过渡:无重要}

Chrome不会禁用打印介质的过渡属性

Here是我找到答案的地方。

原文链接:https://www.f2er.com/css/218198.html

猜你在找的CSS相关文章