* {
box-sizing: border-box;
}
// .test1 {
// width: 1366px;
// border: 10px solid red;
// }
// .test2 {
// width: 1280px;
// border: 10px solid green;
// }
// .test3 {
// width: 1024px;
// border: 10px solid blue;
// }
@page {
size: A4;
margin: 0;
}
@media print {
html,
body {
width: 210mm;
height: 297mm;
}
}
.mm {
width: 210mm;
border: 10px solid gray;
}
.pixel {
width: 794px;
border: 10px solid gray;
}
<div class='test1'>
test1 1366px
</div>
<div class='test2'>
test2 1280px
</div>
<div class='test3'>
test3 1024px
</div>
<div class='mm'>
mm 210mm
</div>
<div class='pixel'>
Pixel 794px
</div>
物理的な長さがどのようにピクセル換算されるかについては、下記が参考になりました。