div 設定a4大小 CSS設定A4紙張大小

2021-10-12 13:27:08 字數 1117 閱讀 4431

我需要在網路中模擬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 :列印預覽時非常容易出錯

div 設定a4大小 CSS設定A4紙張尺寸

css設定a4紙張尺寸 我需要在網路上模擬a4紙,並允許列印此頁面,因為它在瀏覽器上顯示 特別是chrome 我將元素大小設定為21cm x 29.7cm,但是當我傳送到列印 或列印預覽 時,它會剪下我的頁面。看到這個例項!body page subpage page media print pag...

div 設定a4大小 列印A4網頁大小設定

在公制長度單位與螢幕解析度進行換算時,必須用到乙個dpi dot per inch 指標。經過我仔細的測試,發現了網頁列印中,預設採用的是96dpi,並非傳聞的72dpi 在公制長度單位與螢幕解析度進行換算時,必須用到乙個dpi dot per inch 指標。經過我仔細的測試,發現了網頁列印中,預...

網頁設定A4大小

在公制長度單位與螢幕解析度進行換算時,必須用到乙個dpi dot per inch 指標。經過我仔細的測試,發現了網頁列印中,預設採用的是96dpi,並非傳聞的72dpi 在公制長度單位與螢幕解析度進行換算時,必須用到乙個dpi dot per inch 指標。經過我仔細的測試,發現了網頁列印中,預...