移動端中iframe縮放

2021-08-14 12:08:00 字數 1037 閱讀 8795

問題**於此,需在移動端頁面中嵌入iframe頁面,如下圖。

iframe頁面屬於pc頁面,無視口縮放,而移動端頁面有視口縮放

iframe頁面受此影響,也會出現放大問題:

取消預約

重新預約

取消預約

重新預約

解決以上問題,可考慮引入transform的scale,在iframe載入完成後獲取其寬高,並與父元素進行比例換算

let ifr = document.getelementbyid('iframe')

ifr.onload = function())`;

ifm.style.transformorigin='0 0';

}

出現另外乙個問題,

iframe雖然變小了,但實際上的佔位並沒有改變,真實高度依然達到了1000以上,所以出現很長的滾動條,可以在iframe與父元素中間加入乙個容器,用來展示縮小後的iframe,

let ifr = document.getelementbyid('iframe')

ifr.onload = function())`;

ifm.style.transformorigin='0 0';

document.getelementsbyclassname('box')[0].style.height = ht*x + 'px'

}

.formdata

.box

如有更好的方法,望賜

移動端背景縮放

background size 500px 200px 2 只寫乙個引數時為寬度,高度省略會等比例縮放 background size 500px 3 單位可以跟百分百 相對于父盒子來說的 background size 50 4 cover屬性 要完全覆蓋div盒子,等比例拉伸,可能有部分顯示不全...

PC端與移動端的縮放問題

在布局視口,css畫素不會發生個數上的變化,那麼說,乙個大頁面上,所有css畫素都是固定住的,是不變的 當使用者縮放操作時,在視覺視口上操作,但是,視覺視口永遠螢幕那麼大,而且我看東西都是通過螢幕看,換句話說,我們看東西,看到的東西有限 縮放操作,改變的是css畫素的面積,放大操作,css畫素的面積...

unity ugui縮放 移動

乾貨羅列在前,不願意看的,拿東西走人,自己研究 關於ugui的排版方面,剛上手的時候,覺得 哎喲!不錯,這個刁。但是如果你使用過qt等軟體,其實ugui的對齊功能還是很落後的。如果你繼續使用這個排版功能,你就會發現 什麼啊這是,什麼邏輯啊,完全沒懂啊。如何修改ugui控制項到我指定的大小 如何移動u...