解決:ifram中嵌入第三方頁面大小

	項目中需要在頁面中嵌入第三方的頁面,但嵌入後發現有頁面太寬只展示出來一半的頁面來。

解決方法:
主要使用了css的transform屬性,思路將ifram擴大將頁面全部加載出來。再通過transform屬性縮放平移,將頁面完好的展示出來。上代碼:

<div className={styles.broadband_renewal}>
		<iframe
              width="200%"
              height="200%"
              src={url}/>
</div

css:

.broadband_renewal{
  transform: scale(0.5,0.5) translate(-50%,-50%);
  width: 100%;
  height: 100%;
}

縮放大小需要大家根據實際情況調整了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章