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