当前位置: 首页 > 知识库问答 >
问题:

javascript - css 如何解决打印溢出问题?

吴凯泽
2023-07-15
<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title></head><body style="margin:0;">  <div class="parent" style="border:1px solid red;overflow: hidden; width: 176mm; height: 50mm; position: relative;">    <div class="child2" style="position: absolute; left: 500mm;">测试的</div>  </div></body></html>

html 代码如上, 我的打印纸张宽度是 176mm, 但是因为我设置了 child2 left:500mm 导致我的纸张被缩放了
image.png

理想情况
image.png

用 js 的话 我需要判断内部的内容 是否溢出,然后再设置 display:none

如何用 css 去从根节点解决这种问题?

共有1个答案

王德华
2023-07-15

使用 @media print {} 覆写所有不应该出现在打印时的样式。

 类似资料:
  • Vue3 + vite2 打包后在chrome49内核下发生栈溢出? 今天发现一件很苦恼的事情,vue3 + vite2打包后发现在chrome49内核下发生栈溢出,而在84内核下则不会出现这个问题! 原因是我在打包时用了不同的命令: 测试环境打包: vite build --mode testing 生产环境打包: vite build --mode production 而两个环境中只有一处不

  • 本文档提供故障诊断步骤,以帮助您解决 Adobe Photoshop 中的常见打印问题。 要获取特定打印问题的解决方案,请尝试搜索 Adobe 支持知识库。 准备事项 在排解问题之前,需要先确定其原因。 确定导致打印问题的原因 创建一个 2x2 英寸 RGB,72 ppi 图像,在图像中绘制线条并打印它。 如果图像能够正确打印,很可能您的文件已损坏。请参阅本文档中的解决从 Photoshop 打印

  • 在C中,是否可以在不造成整数溢出的情况下执行以下操作?我的答案需要是一个整数,稍后在程序中使用。代码打印为-337。正确答案应该是2014。

  • 因为客户的字体要求是 8px, 然后设置了 transform:scale 导致字体之间 会有这种断墨的问题,其他字体正常,只有宋体有问题(不缩放没问题)

  • 本文向大家介绍linux解决Tomcat内存溢出的问题,包括了linux解决Tomcat内存溢出的问题的使用技巧和注意事项,需要的朋友参考一下 Tomcat本身不能直接在计算机上运行,需要依赖于操作系统和一个JAVA虚拟机。JAVA程序启动时JVM会分配一个初始内存和最大内存给程序。当程序需要的内存超出内存的最大值时虚拟机就会提示内存溢出,并且导致应用服务崩溃。 一、常见的Java内存溢出有以下三