Question

我正在尝试打印包含标题图像和一些文本的页面，当我基于Windows使用FF，IE或Chrome浏览器打印此页面时，它可以正常打印，当我使用FF中的打印预览进行检查时，它显示打印比例比例为60％，但是当我尝试从FF的MAC版本打印相同的网页时，它将打印该页面，并且侧面的文本被裁剪，因为页面似乎以100比例打印。

我能否仅将基于MAC的Firefox的CSS单独定位为目标，以便我可以将容器的宽度分配为700像素，以便即使在Mac FF中将其缩放为100％，它仍然可以打印而不会裁剪部分文本。

有没有一种CSS方式，我只能将css定位为Firefox的MAC OS版本，或者我只能通过使用c＃进行代码隐藏来做到这一点

我已经尝试过使用CSS，但是在所有操作系统上都使用了目标FF

    @-moz-document url-prefix() {
   .header{width:700px; }
   .content{ width:700px; }
}

Answer 1

在media内仅对firefox使用media-print规则

    @media print {
      @-moz-document url-prefix() {/*only for firefox*/
        h1 {
          color: red;
        }
      }
      h1{color:blue;}/*other brwoser*/
    }

<h1>I am title</h1>
<button onclick="window.print();">print</button>

如何基于浏览器和操作系统将CSS定位为打印

1 个答案: