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中工作时，我打印

回答

相关问题