vue项目,浏览器打印时,只显示一页的问题
现象描述:
vue写的页面,页面很长超出一页时,页面鼠标右击,点击打印时,打印预览却只显示一页
解决方法:
样式加入以下内容:
@media print {body, html, .previewPageBox {height: auto !important;overflow: visible !important;}.previewPageBox {position: relative!important;}
}
注:
1、要保证需打印内容所在的容器,高度超出后能够滚动
2、要保证需打印内容所在的容器,position不能是fixed,否则也不生效,只会显示一页