时间戳

首页 > 解决方案 > 我如何全屏显示

html - 我如何全屏显示

问题描述

我正在使用以下代码在我的网站上嵌入 PDF：

<embed src="{link_to_my_pdf}"
    type="application/pdf" width="100%" height="300" />

它的高度为 300 像素。如果我单击 PDF 窗口上的全屏按钮，它不会全屏显示。它只是在 300px 窗口中展开。如何让它在我的整个窗口上全屏显示？

标签： htmlembed

解决方案

pdf 窗口内的按钮不是全屏按钮，而是“适合页面”按钮，因此文档只会展开以填满其父容器。全屏按钮是 F11 但如果您的 pdf 查看器的高度设置为 300 像素，则在按下 f11 后查看器将不会填满整个屏幕。

一个潜在的解决方案是在与您的站点不同的窗口中打开 pdf，并在 a 标签上使用 target="_blank" 属性，以便可以在全屏模式下查看 pdf 并填满整个屏幕。

还要记住，嵌入是一个不推荐使用的标签，我建议使用 iframe 或对象，以下任何一个都应该适用于所有现代浏览器：

框架

<iframe src="some.pdf" style="min-height:100vh;width:100%" frameborder="0"></iframe>

目的

<object data="some.pdf" type="application/pdf" style="min-height:100vh;width:100%"></object>

以下是已弃用的 HTML 标记列表，供将来参考： https ://www.w3docs.com/learn-html/deprecated-html-tags.html

推荐阅读