打印在 Chrome 和 Safari 上看起来很棒,但在 Firefox 上很奇怪。我找不到有关如何在 Firefox 上修复 @media print 的资源?任何意见是极大的赞赏!
编辑:分页符在 Firefox 上对我不起作用。我正在使用 Twitter Bootstrap,在 Firefox 上,文本的对齐方式与在 Chrome 上的对齐方式不同。
这是我的CSS:
@media print {
h1 {
color: #000;
}
.navbar {
display: none;
}
h1, h2, h3 {
page-break-after: avoid;
}
a[href^=http]:after {
content:" <" attr(href) "> ";
}
a[href^="#"]:after {
content: "";
}
body {
width: 100%;
margin: 0;
padding: 0;
background: none;
}
@page {
margin: 2cm;
}
}