我正在尝试在电子商务产品页面上实施“打印此页面”。它将没有不必要的部分，如顶部导航，页脚，添加到购物车按钮等。我希望它像target.com一样工作 http://www.target.com/Avalon-Vitamin-Moisture-Plus-Lotion/dp/B00120ZAYI/ref=sr_1_13?ie=UTF8&searchView=grid5&keywords=vitamins&fromGsearch=true&sr=1-13&qid=1305580954&rh=&searchRank=target104545&id=Avalon%20Vitamin%20Moisture%20Plus%20Lotion&node=1038576|1287991011&searchSize=30&searchPage=1&searchNodeID=1038576|1287991011&searchBinNameList=subjectbin%2Cprice%2Ctarget_com_primary_color-bin%2Ctarget_com_size-bin%2Ctarget_com_brand-bin&frombrowse=0
如果您尝试打印，则只打印基本内容。我很困惑如何实现它。我应该创建产品页面的修改版本并将其打印而不将其显示给用户吗？请指教。
答案 0 :(得分：1)
您可以设置一个自定义CSS页面，其中包含标题，导航，页脚或任何您喜欢的内容，因此当用户点击打印时，Web浏览器会查看打印css并按您的需要行事。< / p>
这样的例子是：
在HTML
中<link href="/css/main.css" rel="stylesheet" type="text/css">
<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
在“媒体”属性下，打印仅在打印时使用。
在main.css的CSS中，看起来像..
header { font-size: 32px; }
nav { font-size: 14px; }
footer { font-size: 10px; text-align: center; }
在print.css的CSS中，它看起来像......
header { display: none; }
nav { display: none; }
footer { display: none; }
基本上，复制你正在使用的CSS并设置display：none;到你不想打印的东西。