html - 使用CSS(带有Chrome)禁用打印机默认边距？

使用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。我总是在四个边上有一个边距：

我在用谷歌浏览器做测试。我也试过：

同样的事情，四个边上有一些白色的边…怎么了？
任何帮助都将不胜感激。JsFiddle:https://jsfiddle.net/L63dc1yd/

最佳答案

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

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

关于html - 使用CSS(带有Chrome)禁用打印机默认边距？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34913242/