您的位置:首页 > Web前端 > HTML

用HTML写出能转换成合适的PDF文件(A4纸张大小)的相关问题和方法

2017-11-11 20:54 1206 查看
1 PDF文件对应的HTML页面的宽度为【820px】。

2 一页PDF文件对应的HTML页面的高度为【1160px】,多页类推。

3 记得要将【body】元素的外边距【margin】清零。

如:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body {
margin: 0;
}
.content {
width: 820px;
height: 1160px;
margin: 0 auto;
background-color: #006DCC;
}
</style>
</head>
<body>
<div class="content"></div>
</body>
</html>


4 写好HTML页面后,在浏览器里面(右键)找到【打印】功能,或者直接【Ctrl+P】唤出打印页面。

5 (下面示例在谷歌浏览器下操作)然后点击【目标打印机】的【更改…】,选择【另存为PDF】。

6 在【更多设置】里面可以根据实际情况自由选择。在1、2步的宽高下请将【边距】设置为【无】;如果页面添加了背景则需将【选项】的【背景图形】勾选上。

7 设置好后,【保存】即可。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  pdf html A4