1, 页面样式问题:
显示器和打印机是不同的,主要是长度单位的不同,显示器常用px,而打印机很多时候用mm,所以需要两套css样式来控制。
<link rel="stylesheet" href="../assets/css/abc.css" media="screen"/>
<link rel="stylesheet" href="../assets/css/abc-print.css" media="print"/>
@media print
{
.Noprint{DISPLAY:none;}
.w{width:100%;} /*版心适应打印设备的100%*/
}
2.
.header {
- height: 70px;
- margin-bottom: 20px;
- box-shadow: 0 5px 20px rgba(0,0,0,.1);
本文介绍了如何通过CSS媒体查询实现网页在不同设备上的显示效果,包括屏幕和打印机两种媒介的样式控制方法。针对屏幕和打印媒介,分别设置了不同的样式表,并详细解释了如何隐藏不希望在打印时出现的内容。

被折叠的 条评论
为什么被折叠?



