Firefox打印太小了

Question

我们的门户网站上有一种“注释功能”，当我尝试打印此网站时，它在Chrome和Internet-Explorer上的尺寸很好，但在Firefox上太小了。当我在Firefox中将比例设置为90％时，它看起来像Chrome / IE版本。

我尝试用每张介质打印scale()来操纵身体，但看起来并不奇怪......

有没有办法操纵每个css / js的Firefox打印选项比例？或者其他人之前有过这个问题吗？ ：/

我很确定当我告诉他时，我们的客户不会听“是的，只是让用户更改他们的打印选项”：D

这里有一些截图来解释我的意思：

它应该如何显示，并且可以毫无问题地浏览Chrome和IE

Answer 1

我会尝试使用这样的firefox来覆盖你的CSS：

<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<div class="slider fullscreen ">
  <ul class="slides">
    <li>
      <img src="http://www.theatercomplex.nl/wp-content/uploads/2013/10/theater-logo-theatercomplexnl.png">
      <!-- random image -->
      <div class="caption left-align">
        <h3>XXXX</h3> 
        <h5 class="light grey-text text-lighten-3">YYYYY</h5> 
      </div>
    </li>
    <li>
      <img src="http://www.directdutch.com/wp-content/uploads/2015/09/table-restaurant.jpg">
      <!-- random image -->
      <div class="caption right-align">
        <h3>XXXX</h3> 
        <h5 class="light grey-text text-lighten-3">DDD</h5> 
      </div>
    </li>
  </ul>
</div>
<div class="buttons-wrapper">
  <div class="row center">
    <a class="waves-effect waves-light btn hoverable mg-rg">Click to login further</a>
  </div>
</div>

见Targeting only Firefox with CSS

希望有所帮助：）