如何根據 ReactJs 中 pdf 內容的高度設置 iframe 高度？

Question

在這里，我在 y 軸上滾動...實際上我需要根據 pdf 高度設置高度

<iframe title='Introduction' className='iframe-section' src="Docs/Introduction.pdf" frameBorder="0" scrolling="no"></iframe>

#css

#css
.iframe-section{
    width: 100%;
    height: 100vh;
}

我試圖改變高度：100%但我無法根據高度顯示 pdf

在這里我想改變，

1) y軸滾動

2) 高度基於 pdf 高度

3) 黑色背景

Answer 1

1)滾動是硬件設置，瀏覽器無法改變操作系統行為，因此每個瀏覽器應用程序都有自己的方法將硬件值傳遞給 html 行為。

2)用於包裝 PDF 擴展器的 iFrame 通常不能是動態的，因為頁面在內容下載然后解壓縮后才會存在，因此如果在第一次加載時沒有顯示，則需要設置視口比例首先和 100% 高是 null 的 100%。

出於這個原因，iFrame 具有最小默認值（每個瀏覽器都會固定），但似乎記得實際約為 200 像素。

定義和用法 height 屬性指定 < iframe > 的高度，以像素為單位。 默認高度為 150 像素。 瀏覽器支持語法 < iframe height="pixels">

3）查看器支持的任何顏色都在查看器中設置