2016-12-05 87 views
0

所以我試圖打印(CTRL + P)一頁。我有我需要的所有重置,所以我不需要擔心文檔周圍的邊距或填充。但是,我根本無法獲得與A4頁面相匹配的尺寸。這是我曾嘗試:A4頁面太小

@media print { 
    .page { 
     height: 297mm; 
     width: 210mm; 
     margin: 30mm 10mm; 
    } 
} 

我也曾嘗試:

@media print { 
    @page { 
     height: 297mm; 
     width: 210mm; 
     margin: 30mm 10mm; 
    }  
} 

我也試圖簡單地做:

.page { 
    height: 297mm; 
    width: 210mm; 
    margin: 30mm 10mm; 
} 

但所有這些根本不會讓我打印適合。當我在.page元素上拋出border: 1px solid #000時,頁面幾乎是A4頁面的50%。

我想要達到的是:我有1-many 元素。不管有多少,我都不想打印一個空白頁面(就像一個頁面突然出現1px太高)。我怎樣才能實現這樣的事情?

+0

在CSS中(至少在默認框模型中),邊距被添加到寬度和高度。所以你最終得到10 + 210 + 10等。 –

+0

@ÁlvaroGonzález是的,這是正確的。無論如何,我如何確保它是A4?我可以拋出一個'overflow:hidden;'來確保,但是設置頁面大小是我的首要任務。 – MortenMoulder

+0

設置寬度爲190px? –

回答

0

某些打印機的默認設置可以設置爲無邊緣打印。當您嘗試再次打印時,請嘗試查看打印機設置。它一直與CSS無關。

+0

問題不在於它被切斷。正如我還指出,我已經刪除了所有的默認邊距和填充,這意味着我的頁面的左上角實際上也是打印文檔的左上角(減去實際打印時的邊距)。 – MortenMoulder