当webkit在Chrome和Safari中显示不同时会发生什么?当前浏览器版本的浏览器前缀是否已更改?



以下浏览器的较新版本中是否弃用了任何旧前缀?

铬: -网络套件- 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 仍然需要这些标签。

最新更新