css打印样式 隐藏显示 |vm中使用css样式引入

CSS打印样式的实现原理是通过媒体查询（media query）来区分打印和屏幕两种展示方式，并通过设置样式来实现打印效果的控制。

下面是一个示例，演示了如何使用CSS打印样式隐藏不需要打印的元素，修改页面元素的样式：

@media print {
/* 隐藏不需要打印的元素 */
header, nav, .hide-print {
display: none;
}
/* 修改需要打印的元素样式 */
body {
font-size: 12pt;
line-height: 1.5;
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
pre {
font-size: 10pt;
}
}

在这个示例中，大家使用媒体查询@media print来指定打印样式，因此只有在打印时才会生效。