我想在A4尺寸的纸张上打印html页面。我使用以下代码:
的CSS
body {
background: rgb(204,204,204);
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
height: 21cm;
}
page[size="A3"] {
width: 29.7cm;
height: 42cm;
}
page[size="A3"][layout="portrait"] {
width: 42cm;
height: 29.7cm;
}
page[size="A5"] {
width: 14.8cm;
height: 21cm;
}
page[size="A5"][layout="portrait"] {
width: 21cm;
height: 14.8cm;
}
@media print {
body, page {
margin: 0;
box-shadow: 0;
}
}
的HTML
<page size="A4"></page>
但是我没有期望的结果。文本上方会打印出一个大的灰色轮廓。我也想能够垂直或水平打印页面
最佳答案
body {
background: rgb(204,204,204);
margin: 0;
padding: 0;
}
关于html - 调整A4大小的html页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46262445/