极客观点
项目管理
HarmonyOS
<!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 导致我的纸张被缩放了
理想情况
用 js 的话 我需要判断内部的内容 是否溢出,然后再设置 display:none
如何用 css 去从根节点解决这种问题?
使用
@media print {}覆写所有不应该出现在打印时的样式。