項目中需要在頁面中嵌入第三方的頁面,但嵌入後發現有頁面太寬只展示出來一半的頁面來。
解決方法:
主要使用了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%;
}
縮放大小需要大家根據實際情況調整了。