2016-08-30 71 views
0

我们在我们的门户网站上有一种“便笺式”功能,当我尝试打印此网站时,Chrome和Internet-Explorer上的大小都很好,但在Firefox上太小。当我在Firefox中将比例设置为90%时,它看起来像Chrome/IE版本。Firefox打印太小

我试图操纵身体与scale()每介质打印,但比它看起来很奇怪......

有没有办法来处理每CSS/JS Firefox的打印选项规模有多大?还是别人有过这个问题? :/

我敢肯定,当我告诉他,“是啊只是让用户改变他们的打印选项”我们的客户将不听:d

这里是一些截图来解释我的意思:

The bad looking one on Firefox

应该怎么看,并期待在Chrome和IE浏览器没有问题

Firefox with Scale 90%

回答

0

我会尝试用firefox这样当重写你的CSS:

<!DOCTYPE html> 
<html> 
<head> 
    <style type="text/css"> 
    @-moz-document url-prefix() { 
    h1 { 
     color: red; 
     } 
    } 
    </style> 
</head> 
<body> 

    <h1>This should be red in FF</h1> 

</body> 
</html> 

看到这里Targeting only Firefox with CSS

希望它能帮助:)

+0

问题是,我不知道该怎么重写:d我已经试图为表格,评论框,包含图标的框等设置最大宽度,希望它可能是宽泛的东西,只会混淆firefox。但似乎没有任何帮助。 当我只在wrapper-div上使用firefox的'transform:scale(0.9)'时,它看起来很愚蠢,仍然显示很小。 也许它不是一个宽度问题,而是一个firefox问题:/ – binarykitten

+0

@binaryKitten如果它不是一个页面宽度问题,那么它可能不是你可以通过改变你的代码来修复的东西。话虽如此,我确实发现这个线程可能与您的问题有关:[link](https://support.mozilla.org/en-US/questions/958617) – blobbymatt

+0

是的,谢谢。我有类似的感觉:/它似乎像票关闭 - 不会修复.... – binarykitten