当前位置: 首页 > article >正文

【无标题】vue项目,浏览器打印时,永远只显示一页的问题

vue项目,浏览器打印时,只显示一页的问题

现象描述:
vue写的页面,页面很长超出一页时,页面鼠标右击,点击打印时,打印预览却只显示一页
解决方法:
样式加入以下内容:

@media print {
  body, html, .previewPageBox {
    height: auto !important;
    overflow: visible !important;
      
  }
  
  .previewPageBox {
    position: relative!important;
  }
}

注:
1、要保证需打印内容所在的容器,高度超出后能够滚动
2、要保证需打印内容所在的容器,position不能是fixed,否则也不生效,只会显示一页


http://www.kler.cn/a/599075.html

相关文章:

  • JSX入门
  • 第31章:Istio安全:mTLS与服务间身份认证
  • Python爬虫获取Shopee店铺的所有商品?
  • git使用经验(一)
  • 算法方法快速回顾
  • leetcode 的T5 最长回文字符串
  • 【Linux之Shell脚本实战】Linux服务器输出美观漂亮的html巡检报告
  • 4.4 前缀和专题:LeetCode 238. 除自身以外数组的乘积
  • 企业级前端架构设计与实战
  • 3.23 代码随想录第二十四天打卡
  • armsom产品qt交叉编译
  • 算法模型从入门到起飞系列——背包问题(探索最大价值的掘金之旅)
  • C# 资源管理‌(using 语句)
  • vscode中latex的tex文件和pdf跳转
  • (一)飞行器的姿态欧拉角, 欧拉旋转, 完全数学推导(基于坐标基的变换矩阵).(偏航角,俯仰角,横滚角)
  • 区块链交易
  • 火绒终端安全管理系统V2.0——行为管理(软件禁用+违规外联)
  • 【Leetcode】430. 扁平化多级双向链表
  • SFT和RLHF是什么意思?
  • React + Node.js实践 仿B站评论