咨询：HTML embed标签嵌入PDF如何仅显示指定单页（第3页）

嘿，我之前刚好解决过类似的需求！你原来的写法只是让PDF定位到第3页，但没有限制显示范围，所以用户还能滚动查看其他页面。要实现只显示第3页、完全禁止访问其他页面的效果，得结合PDF的打开参数和容器样式来双重控制，具体步骤如下：

1. 优化PDF的打开参数 #

修改embed标签的src参数，用更精准的视图控制参数锁定第3页，同时隐藏PDF自带的导航控件：

<div style="width: 800px; height: 1056px; overflow: hidden;">
  embed PDF: <br />
  <embed id="frPDF" height="100%" width="100%" src="C:\Users\a\Desktop\Sample.pdf#page=3&view=FitBH&toolbar=0&navpanes=0">
</div>

这里的参数作用：

• page=3：直接定位到第3页
• view=FitBH：让第3页水平适配容器宽度，同时垂直方向完整显示整页内容（避免PDF内部出现滚动条）
• toolbar=0：隐藏PDF顶部的工具栏（防止用户通过工具栏切换页面）
• navpanes=0：隐藏侧边的导航面板（比如页面缩略图、书签栏，切断切换页面的入口）

2. 固定容器尺寸并隐藏溢出 #

把容器的宽高设置为你PDF单页的实际尺寸（比如标准A4纸对应的像素尺寸大概是宽800px、高1056px，你可以根据自己的PDF实际尺寸调整），同时加上overflow: hidden——这样就算PDF有其他页面，也会被容器彻底裁剪掉，用户看不到任何多余内容。

额外提示 #

如果你的PDF页面尺寸不固定，或者需要适配不同屏幕，可以用JavaScript动态获取PDF页面的尺寸后再设置容器大小，但静态场景下直接固定尺寸就足够好用了。亲测这个方案在Chrome的原生PDF阅读器里稳定生效。

内容的提问来源于stack exchange，提问作者usr5860