使用window.print();导出页面的时候,默认使用的纸张为A4纸,比例为4:3,如何横屏显示的话,就会出现播放的时候两边留白的情况,显示效果比较一般。
效果如下:
目前计算机的比例一般都是16:9,可以使用@page 手动修改纸张宽高
@page{
size: 1920px 1080px;
}
ps:@page 规则用于在打印文档时修改某些CSS属性。你不能用@page规则来修改所有的CSS属性,而是只能修改 margin,orphans,widow 和 page breaks of the document。对其他属性的修改是无效的。
如果需要修改打印时页面元素的大小的话,需要使用@media print
@media print {
}