@media print { html,body{ width:210mm; height:297mm; } }
以上是设置A4大小纸张的CSS代码。需要注意的是,这段代码需要放在@media print媒体查询中。因为设置A4大小只是为了打印时的需求,所以需要通过媒体查询来区分打印和屏幕的情况,只有在打印时才会应用这段代码。
除了设置页面大小为A4以外,还可以通过其他CSS样式来优化页面的打印效果。比如,可以设置打印时不显示某些元素,或者设置打印时的页面背景色为白色,方便用户节省墨水。
@media print { body { /*打印时不显示某些元素*/ display:none; } .print-section{ /*要打印的元素*/ display:block; } .page { /*设置打印时的页面背景色为白色*/ background-color:white; } }
上面的代码中,print-section为需要打印的元素的类名,.page为整个页面的类名。这里设置了在打印时不显示整个页面,只显示特定的元素;并且将打印时的页面背景色设置为白色,以方便节省墨水。
通过以上的CSS样式,大家可以更加灵活地控制页面的打印效果,为用户提供更加优质的服务。