我有一个母版页，我在其中添加了两个用于打印和屏幕媒体的 css 文件:
<link rel="stylesheet" type="text/css" href="theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
我为我的 css 添加了一些代码的地方:
@media print
{
p.test {font-size:20px;color:red;}
}
@media screen
{
p.test {font-weight:bold;}
}
当用户在浏览器中查看页面或单击浏览器的打印按钮时，它工作正常。
但是如何在我的桌面(屏幕媒体)中浏览时强制页面显示在打印媒体中？!
基本上，我想用 HTML 显示页面的打印版本。
最佳答案
您不能直接使用媒体(或媒体查询)，因为您不能标记“本地”页面或网页。
HTML5 可帮助您处理缓存 list 。
文档:http://www.w3.org/TR/2011/WD-html5-20110525/offline.html
您的 html 必须具有:
<html manifest="print.appcache">
<link rel="stylesheet" type="text/css" href="print.css" media="screen">
<link rel="stylesheet" type="text/css" href="theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
list 必须包含:
CACHE MANIFEST
print.css
在线您将使用 theme.css 覆盖 print.css(但要注意 !important css attribs)，离线您将根本没有 theme.css
关于html - 如何加载 HTML 页面的打印友好版本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22091764/