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

Question

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

Chrome：-webkit-Internet Explorer：-ms-Safari：-webkit-Firefox：-moz-

我们正在尝试删除PDF，但仍希望为用户提供一个选项，以打印样式化的网页打印文档。我一直在为程式化的双面销售表创建print stylesheet，并且我已经注意到Safari和Webkit对@media打印页边距的处理方式不同。是否应该因为它们都是Webkit？

我正在使用的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中运行良好。

Safari错误：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页面，以便在所有浏览器上都打印相同的页面？

Answer 1

AFAIK Chrome从某个日期开始不需要CSS的某些功能-webkit-。我不知道这是否是其中之一，但是如果问题出在-webkit-行上就很有意义，因为只有Safari仍需要这些标签。