0

我需要创建一个打印友好的页面，其中仅包含我的一页网站中的几个数据字段。我被告知要使用Response.Write.

在我的任务中，我得到了这个线索：

诀窍是使用ResponsePage Class 提供的方法（更准确地说，它是由名为 的父类提供的 System.Web）。您在屏幕上显示的内容由System.Web 对象管理，使用该Response方法您可以在其中放置任何您想要的东西。

我已经做了一些谷歌搜索，但这似乎不是应该这样做的方式，但是由于某种原因，它必须这样做。

基本上，它必须通过清除页面并仅传递一些变量以在白色上显示纯黑色来创建一个易于打印的页面。

4

1 回答 1

0

我被告知要使用Response.Write.

谁告诉你这样做是错的，错的，错的。

如果您需要使任何类型的网页“打印机友好”，那么正确的方法是通过媒体查询

所以如果你的页面当前有这样的 CSS

<link rel="stylesheet" type="text/css" href="style.css">

然后，您只需创建第二个样式表，它会完成使您的页面“打印机友好”所需的一切，然后更改您的 html 以包含该print版本。

<link rel="stylesheet" type="text/css" media="print" href="print.css">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">

然后在您的print.css样式表中，您可以使用与打印视图直接相关的样式。可以在此链接中找到一些示例

/*Make your layout similar to a sheet of paper*/
body, #content, #container {
    width: 100%;
    margin: 0;
    float: none;
    background: #fff url(none);
}

/*Hide navigation, ads, and anything else you don't want printed*/
#topnav, #navbar, #nav, #sidebar, .ad, .noprint {
    display: none; 
}

/*Set a new default font*/
body {
    font: 1em Georgia, "Times New Roman", Times, serif;
    color: #000; 
}

/*Style your headings*/
h1,h2,h3,h4,h5,h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
}
h1 { font-size: 250%; }
h2 { font-size: 175%; }
h3 { font-size: 135%; }
h4 { font-size: 100%; font-variant: small-caps; }
h5 { font-size: 100%; }
h6 { font-size: 90%; font-style: italic; }

/*Display the links associated with hyperlinks*/
a:link, a:visited {
    color: #00c;
    font-weight: bold;
    text-decoration: underline; }

#content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
}
于 2013-06-04T05:32:55.087 回答