Safari中的@media打印的margin-top和margin-bottom

时间:2018-03-06 20:05:07

标签: html css html5 css3 safari

我正在开发一个Web应用程序,它基本上为任何将数据存储在报告数据库中的学生生成格式化的简历(这些数据来自服务调用并填充模板)。由于学生数据是可变的,因此生成的每个简历都有可能以不同的方式显示分页发生的位置和生成的页数等。由于简历的性质,需要打印文档。

我在使用margin-topmargin-bottom不适用于简历的不同页面的Safari打印时遇到特定问题。为了澄清,我只看到这些规则分别影响到第一页的上边距和最后一页的下边距。这让我相信Safari无法通过页面设置边距(@page在Safari中没有支持可以轻松解决此问题),并且正在将边距属性应用于整个<div>我已经设置了保证金规则(我已经命名为&#34;简历&#34;)。

你可以想象标记看起来像这样:

<html> <body> <div class="resume"> ... </div> </body> </html>

上面会在Chrome中产生预期效果,即使没有专门使用@page - 看起来Chrome设置默认边距会更好,而我很难在Safari中找到解决方案。

更具体地说,我已经尝试将所有边距重置为0以让浏览器自己处理边距,但由于某种原因,Safari根本没有反映边距,而Chrome默认会设置约1英寸的边距。

任何人都有任何想法,如何在逐页的基础上在Safari中打印时获得尊重?或者这只是一场噩梦?在互联网上搜索并没有太多成果。

如果有任何不清楚的地方,请随时索取更多信息或lmk。非常感谢任何指导。

0 个答案:

没有答案