div 设置a4大小_CSS设定A4纸张大小

我需要在网络中模拟A4纸，并允许打印此页，因为它在浏览器(特别是Chrome)上显示。我将元素大小设置为21cm x

29.7cm，但是当我发送打印(或打印预览)时，它会裁剪页面。

body {

margin: 0;

padding: 0;

background-color: #FAFAFA;

font: 12pt "Tahoma";

}

* {

box-sizing: border-box;

-moz-box-sizing: border-box;

}

.page {

width: 21cm;

min-height: 29.7cm;

padding: 2cm;

margin: 1cm auto;

border: 1px #D3D3D3 solid;

border-radius: 5px;

background: white;

box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

}

.subpage {

padding: 1cm;

border: 5px red solid;

height: 256mm;

outline: 2cm #FFEAEA solid;

}

@page {

size: A4;

margin: 0;

}

@media print {

.page {

margin: 0;

border: initial;

border-radius: initial;

width: initial;

min-height: initial;

box-shadow: initial;

background: initial;

page-break-after: always;

}

}

Page 1/2

Page 2/2

我想我忘记了什么。但是会是什么呢？

Chrome ：剪贴页，双页( 这正是我需要的工作 )

Firefox ：完美运行。

IE10 ：信不信由你，这很完美！

Opera ：打印预览时非常容易出错