@media print { /* 设置横向打印样式 */ @page { size: landscape; } }
以上代码中,大家使用@media查询来针对打印样式进行设置。@media print表示匹配打印样式。而@page则表示匹配打印页码。size:landscape则设置打印方向为横向。
在使用横向打印样式时,大家还需要注意一些细节。例如页面上的文字、图片等元素有可能在横向打印时会被截断。为了避免这种情况发生,大家可以调整页面宽度。
@media print { /* 设置横向打印样式 */ @page { size: landscape; } /* 调整页面宽度 */ html, body { width: 297mm; height: 210mm; margin: 0; } /* 根据页面实际元素调整内容宽度 */ .section { width: 280mm; margin: 0 8.5mm; } }
通过以上代码,大家不仅可以设置横向打印样式,还可以调整页面宽度并且根据实际元素来调整内容宽度,从而保证横向打印的效果。