我需要在網(wǎng)絡(luò)上模擬A4紙，并允許打印此頁面，因?yàn)樗跒g覽器上顯示(特別是Chrome)。我設(shè)置元素的大小為21厘米x 29.7厘米，但當(dāng)我發(fā)送打印(或打印預(yù)覽)它剪輯我的頁面。

HTML

Page 1/2Page 2/2

CSS

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;

}

}

我想我忘了什么。但它會(huì)是什么？

> Chrome：剪切頁面，雙頁(這只是我需要它工作)

> Firefox：它工作完美。

> IE10：相信或不，它是完美的！

> Opera：在打印預(yù)覽上非常糟糕

總結(jié)

以上是生活随笔為你收集整理的html中一张a4是多少pt,CSS设置A4纸张尺寸的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。