Html 打印CSS:210mm*297mm在A4上=溢出？
下面是一个简单的HTML代码：Html 打印CSS:210mm*297mm在A4上=溢出？,html,css,printing,Html,Css,Printing,下面是一个简单的HTML代码： <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> .page { width: 200px; height: 500px; background: #DD5555;
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.page {
width: 200px;
height: 500px;
background: #DD5555;
}
@page {
size: A4;
margin: 0;
}
@media print {
body {
margin: 0;
}
.page {
width: 210mm;
height: 297mm;
}
}
</style>
</head>
<body>
<div class="page">This is a test page</div>
</body>
</html>
.第页{
宽度：200px；
高度：500px；
背景#DD5555；
}
@页面{
尺寸：A4；
保证金：0；
}
@媒体印刷品{
身体{
保证金：0；
}
.第页{
宽度：210毫米；
高度：297mm；
}
}
这是一个测试页面
注：谷歌Chrome版本41.0.2272.118 m
这似乎是一个bug，但我可以通过替换
高度：297mm来解决带高度：296.994mm。（其他浏览器中的差异不应可见）尝试强制设置纸张大小（单位：mm）。我的问题已经过去了：
@media print {
@page {
size: 210mm 297mm;
margin: 0;
}
}
我的第一个猜测是打印边距（几乎没有打印机可以打印到纸的边缘）。你能试试200x287mm吗？5毫米的边距对于今天的大多数打印机来说应该足够了。奇怪的是：更糟糕的是，溢出量更大，这很奇怪；检查打印选项。是否有类似“缩放以适应纸张大小”的内容？其他可能会产生影响的因素：页眉和页脚、周围元素的页边距（检查开发工具中的坐标）打印为PDF:Margin=None；背景图片：是的，我的chrome是法语的，所以我猜选项的名字