我用自己的样式创建了一个HTML页面。我还定制了bootstrap来删除下载中的打印媒体样式。然而,我仍然丢失了保存的PDF中的锚标记,就好像href
属性不存在一样,没有链接可以遵循。我试着在Chrome中将HTML保存为PDF, Firefox和Opera都不工作。
任何建议都非常感谢。
编辑下面是部分代码:
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="cv-style.css" type="text/css" media="all"/>
<link rel="stylesheet" href="assets/libs/bootstrap-no-print-media/css/bootstrap.min.css"
media="all">
<link rel="stylesheet" href="assets/libs/font-awesome-4.6.3/css/font-awesome.min.css" media="all">
</head>
<body class="container">
<header id="name">
<h1 id="my-name">Sime Habtu</h1>
<article>
<div id="online">
<a href="http://stackoverflow.com/users/3597111/sime" target="rss"><i class="fa fa-stack-overflow fa-lg"></i></a>
</div>
</article>
</header>
</body>
因此,当我将这段代码的结果保存为PDF时,我得到了样式和内容,但链接不在那里。这里的stackoverflow图标不会打印嵌入的链接。
我终于明白为什么链接不工作了。希望有人会发现这有帮助。事实证明,问题是由使用@import
在CSS中添加的谷歌字体引起的。当在HTML文件中链接google字体时,锚标记在转换后的PDF文件上工作。