Question

我正在设置@print媒体查询，但无论我做什么，我的页面在pdf预览中看起来都很棒，但是当我打印出来时它会从页面的一半开始？所以页面的前半部分在打印文档上就丢失了。当一个新的div开始但是在div的一半时，它不会被切断。

打印页面底部还有很多空的空白区域。我设置了宽度，但不知道如何解决这个问题？这是外部css表中的@print代码：

    @media print{
#nav-bar-upper, .nobr, #contact-and-follow, #blower-mob, #SkypeButton_Call_darrenmortonphotography, #back-to-top-div, #facebook-div{display: none;}
#upper-section{height: 100px;}
#print-website, #print-phone{display: block; text-align: center;}
.title-left{text-decoration: underline;}
h1, h2, h3, p, li, .title-left{color: black; font 12pt "helvetica"}

body, #main-container, #upper-section, #lower-section {width: 80%; margin: 0; padding: 0;}
@page{margin-left: 1cm; margin-right: 1cm; margin-bottom: 0; padding: 0;}  
}

任何想法会导致这种情况以及如何解决这个问题？我搜遍了所有地方，但找不到解决办法。

Answer 1

好的，所以我发现问题是什么，并在此发布，以防其他人有同样的问题。完全是愚蠢的，因此我想到的最后一件事！打印机设置错误！当我尝试从另一个网页打印时，我发现它的打印方式与我的网站相同。我仔细看了一下我的打印机设置，在改变页面周围的东西之后，现在打印得很好！希望这可以帮助某人浪费大约4个小时，就像我试图解决这个问题一样！

@print从下半页开始

1 个答案: