js打印内容隐藏,media="print" 只在打印的时候显示该内容

时间：2020-05-01 18:30:43 阅读：203 评论：0 收藏：0 [点我收藏+]

例：打印出来的字体和网页是不同的

// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }

// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }

或者<style media="print">body{font-size:12px;}</style>

实例：

<html>

<head>

<style>

.none { display:none;}

</style>

<style media="print">.none { display:block;}</style>

</head>

<body>

<h1>media="print" 实例</h1>

<p>在网页里面是可以看见我的</p>

<p class="none" media="print" >在网页里看不见我，打印出来你就可以看见我啦！ ^_^ （此页面会通过 media="print" 样式表进行格式化。）</p>

</body>

</html>

原文地址：https://www.cnblogs.com/tianma3798/p/12814073.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行