Я использую те же представления, но у меня есть 2 CSS-файла (один с media="screen"
, а другой с media"print"
).
В файле CSS для печати я использую CSS, чтобы скрыть все нерелевантные элементы DOM, используя display:none;
.
Пример MVC View:
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>
<body>
<div id="pageHeader">This will not be shown in print - menubar, etc.</div>
<h1>Title</h1>
<p>Text</p>
</body>
</html>
Пример файла print.css:
#pageHeader {
display: none;
}
Взгляните на эту хорошую статью "A List Apart" на CSS для печати: http://www.alistapart.com/articles/goingtoprint/