Я хотел бы напечатать HTML в Chrome. Это формат А4 (210×297 мм). В приведенном ниже коде я установил размер бумаги 210×297 и поля (отступы) 20 мм. Чтобы представить минимальный воспроизводимый пример, я размещаю на странице один абзац:
<html>
<head>
<style>
@page {
size: A4 portrait;
}
body {
position: fixed;
top: 0mm;
left: 0mm;
width: 210mm;
height: 297mm;
margin: 0mm 0mm 0mm 0mm;
padding: 20mm 20mm 20mm 20mm;
border: solid green 1px;
outline: solid yellow 1px;
}
p {
position: static;
width: 170mm; /* = 210 - 20 - 20 */
height: 257mm; /* = 297 - 20 - 20 */
margin: 0mm;
padding: 0mm;
border: solid red 1px;
outline: solid blue 1px;
background-color: #ddffdd;
}
</style>
</head>
<body class = "A4">
<p>Hello!</p>
</body>
</html>
Я ожидаю, что это заполнит всю страницу. Однако Chrome показывает следующий предварительный просмотр печати:
Я думаю, что желто-зеленая граница должна быть вверху страницы, а не на несколько миллиметров ниже.
Вы пробовали установить поля в настройках печати? Я вижу, что вы установили его на минимум, что препятствует желаемому отступу в 20 мм.
Спасибо, это было.