铬: -网络套件- Internet Explorer: -ms- 野生动物园: -网络套件- 火狐: -莫兹-
我们正在尝试删除 PDF,但仍希望为用户提供打印样式网页打印文档的选项。我一直在为风格化的双面销售表创建打印样式表,并且我注意到 Safari 和 webkit 对@media打印边距的处理方式不同。他们应该因为他们都是网络套件吗?
我使用的CSS适用于所有浏览器,但Safari除外。
@page {
/* size: A4 portrait; */
margin:0;
}
@page :header { content: none ;}
@page :footer { content: none ;}
@media print {
* {
-webkit-print-color-adjust: exact !important; /* Chrome, Safari */
color-adjust: exact !important; /*Firefox*/
}
body {
background-color:#FFFFFF;
border: solid px #000;
margin: 2cm .508cm .508cm; /*.508cm;*/
}
我怀疑这是我设置边距的方式,但我在Chrome,Explorer和Firefox中运行良好。
野生动物园错误: 1. 页眉和页脚页打印信息文本显示在页边距中。 2.它打印了4页,看起来页面大小(字母纵向(正在超过分页符。
我所做的是调整大小以减少径流。
@page page-one page-two{
/*margin: 0cm;*/
width: 21.59cm; /* 8.5in */
height: 25.94cm; /* = margin-top - 27.94cm; /* 11in */
margin: 0cm;
/* margin: 30mm 45mm 30mm 45mm;*/
}
.page-one {
page-break-after: always;
}
我觉得我犯了一个错误。有没有一种合乎逻辑的方法来设置样式化的 CSS 页面,使其在所有浏览器上打印相同?
AFAIK Chrome 不需要从某个日期开始对 CSS 的某些功能进行-webkit-
。我不知道这是否是其中之一,但如果问题出在-webkit-
行上,那将是有意义的,因为只有 Safari 仍然需要这些标签。