如何将打印预览的页边距设置为0？

Question

我哪里做错了？

这是正常的打印预览：

但我想看这张图片（不拖动边距箭头）

这是CSS代码和预览：

Answer 1

是的。 可以更改页面打印输出中的页边距。 该规则如下所示：

@page {
    margin: 0;
}

目前这在 Firefox 中不起作用。 如果您在@page CSS 支持上查看他们的开发人员参考，您可以看到哪些浏览器支持@page。

Answer 2

您能做的最好的事情就是设置 @page 页边距。 但请记住，如果将边距设置为 0，您可以而且很可能会被否决。

Answer 3

谢谢 ！ 在 Chrome 上运行良好

@page {
    margin: 0;
}

Answer 4

我认为实际上不可能做到这一点，因为您会否决用户计算机上的默认设置。 据我所知，如果没有 IE 中的某种 ActiveX 脚本，Web 应用程序就没有访问权限来更改打印机设置等内容。

不久前我遇到了类似的问题，最终不得不使用 TCPDF 即时生成 PDF。 最终效果更好，因为您可以更好地控制布局。

Answer 5

我无法将计算机从 Windows XP 升级到更新版本，所以基本上我只能使用 IE8。

我发现在 IE8 上，页边距始终至少为左右 6.01 毫米，顶部和底部 5 毫米。 无论我做什么，即使在@page规则中使用@top-left right和center规则，它仍然默认为上面的值。

创建样式表以考虑打印尺寸的这一限制可能会更容易。

将 IE hack \9 放在 CSS 类属性值前面也可能有所帮助，复制该属性在某些情况下也可能有所帮助（但不会影响页面的边距），例如：

.aDiv {
    margin: 10mm;
    margin: 15mm\9;     //this \9 hack will set that value only on IE8.
}

我知道有其他与此类似的黑客，例如 \0 但我承认并不完全理解它们。 在某些情况下，\9 在 IE8 中适用于我。