我制作了一个新的html文档，里面只有一个PDF文件。 代码：
<embed src="impressum.pdf" width="1200" height="900" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
它运行良好，但现在我的问题是，我不知道如何为智能手机视图格式化它。 我从 css 中的常规媒体查询代码开始，不知道我应该在那里放什么：
@media screen and (max-width: 800px) {
}
您可以简单地将嵌入的高度和 with 设置为100%，并将正文高度设置为100vh：
body {
height: 100vh;
overflow: hidden;
}
像这样，无论您在什么设备上打开pdf，它都将始终具有正确的宽度。
<body>
<embed src="impressum.pdf" width="100%" height="100%" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">
</body>
您可以将嵌入对象包装在div 中，然后将其样式height并width。它对您的问题有帮助吗？
.HTML
<div class="pdf-wrapper">
<object dtype="application/pdf" width="100%" height="100%">
<embed src="./test.pdf" type="application/pdf" width="100%" height="100%" />
</object>
</div>
.CSS
.pdf-wrapper{
width:100vw;
height:100vh;
}
@media screen and (max-width: 800px) {
.pdf-wrapper{
height:40vh;
}