代码之家  ›  专栏  ›  技术社区  ›  Learning

如何基于浏览器和操作系统将CSS作为打印的目标

  •  1
  • Learning  · 技术社区  · 5 年前

    我正在尝试打印一个包含页眉图像和一些文本的页面,当我使用FF从Windows打印此页面时,IE或Chrome打印很好,当我在FF中使用打印预览检查时,它会显示60%的打印比例,但当我尝试从MAC版FF打印同一网页时,它会打印页面,并且侧面的文本会被裁剪,因为页面似乎以100%的比例打印。

    我是否可以单独针对基于MAC的Firefox的CSS,这样我就可以将容器的宽度指定为700像素,这样即使它在MAC FF中缩放到100%,它仍然可以打印而不裁剪部分文本。

    有没有一种方法通过CSS我可以只针对macos版本的Firefox使用CSS,或者我只能通过使用c语言编写代码来实现这一点#

    我已经尝试了下面的CSS,但这个目标FF的所有操作系统

        @-moz-document url-prefix() {
       .header{width:700px; }
       .content{ width:700px; }
    }
    
    1 回复  |  直到 5 年前
        1
  •  0
  •   לבני מלכה    5 年前

    使用 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>