100％高度格心不是在Chrome中工作時，我打印

我想要寫爲每個打印頁一個div。所以我做了100％的高度。通常在每個瀏覽器中都運行良好。但是，當我打印此頁面時，它不適用於Chrome。100％高度格心不是在Chrome中工作時，我打印

<!DOCTYPE HTL> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<meta name="robots" content="noindex, nofollow"> 
<meta name="googlebot" content="noindex"> 
<meta http-equiv="cache-control" content="no-cache">  
<title>Brove.NET ISO Yazılımı</title> 
<style> 
html,body{ 
    padding:0; 
    margin:0; 
    height:100%; 
    width:100%; 
} 
.sayfa{ 
    height: 100%; 
    width: 768px; 
} 
</style> 
</head> 

<body> 
<div class="sayfa" style="background-color:#666666">fds</div> 
<div class="sayfa" style="background-color:#cccccc">fds</div> 
<div class="sayfa" style="background-color:#aaaaaa">fds</div> 


<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script> 
</body> 
</html>

來源

2012-01-12 FURKAN ILGIN

這是解決方案，人...

試試這個代碼，

@media print and (-webkit-min-device-pixel-ratio:0) { 
.sayfa{ 
    height: 1101px; 
    width: 768px; 
} 
}

來源

2012-01-12 13:24:52 RuudVanNistelrooy

這個CSS/Chrome的問題已經走了過來：

height 100% in chrome

希望這有助於。

來源

2012-01-12 12:59:42 Brissles

我在這裏看着面前。它不工作:( – 2012-01-12 13:01:13

我找不到這個bug的任何文件，但它絕對是一個錯誤，這是毫無疑問的。

您的代碼將在非WebKit瀏覽器完全執行（我假設Safari瀏覽器做同樣的事情），並顯示在屏幕上罰款，然後進入一個神奇的在點擊打印失敗可以的，對不對？什麼是一個人要做的？

回答，給HTML和身體的「實際」測量標記規定的高度上，而不是百分比：

html, body { 
    margin: 0; 
    padding: 0; 
    /* etc */ 

    height: 880px;  
} 

div.sayfa { 
    height: 33%; 
}

頁面上打印從Firefox 14和Chrome 19+使用上述方式相同。

我的實驗產生的880個像素的打印頁的高度，我們正在使用的打印機，你的里程可能會有所不同。新興市場的工作也一樣，但引起太多麻煩，所以我想明確的像素值最適合。

這是一個凌亂的解決方法，但至少它實際上的作品。

來源

2012-07-27 13:45:17

設置你的html和body元素，以100％的寬度和高度：

<style> 

html { 
    width: 100%; 
    height: 100%; 
} 

body { 
    width: 100%; 
    height: 100%; 
} 

</style>

來源

2016-01-27 15:41:57

100％高度格心不是在Chrome中工作時，我打印

回答

相關問題