使用css（使用chrome）禁用打印机默认边距？答案

【问题标题】：Disabling printer default margin with css (with chrome)?使用css（使用chrome）禁用打印机默认边距？
【发布时间】：2016-01-21 00:23:34
【问题描述】：

使用 Adobe Indesign 可以获得这样的结果：

我尝试使用 css 获得相同的结果

<style type="text/css" media="print">
@page 
{
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}

body 
{
    background-color:#FFFFFF; 
    border: solid 1px black ;
    margin: 0px;  /* this affects the margin on the content before sending to   printer */
   }
</style>

但不可能将边距设置为 0。我总是在 4 边都有边距：

我正在使用谷歌浏览器进行测试。我也试过了：

同样的事情，4 边的一些小白边...怎么了？

任何帮助将不胜感激。 JsFiddle：https://jsfiddle.net/L63dc1yd/

【问题讨论】：

标签： html css google-chrome printing margins

【解决方案1】：

我想你可以用CSS3 Media Query解决这个问题。

@media print {
    html,body {
        margin: 0;
    }
}

【讨论】：

@Frank 你能添加一个小提琴样本吗？
很奇怪，在打印预览上我没有边距，但在纸上却没有
@Frank 您是否尝试将保证金值设置为 0 以下？比如-5px
是的，这不起作用。我认为它是特定于我的打印机（一些安全边距），但 InDesign 可以打印没有这些白色边距的工作表。

【解决方案2】：

我发现了问题。我没有在页面大小选择列表中看到“美国信函无边框”选项。 css 没问题，它覆盖了 chrome 默认边距设置。

【讨论】：