蘋果手機iframe撐大父頁解決辦法

2021-08-23 12:19:53 字數 538 閱讀 7420

最近專案中需要在自己頁面裡引入第三方頁面,除了iframe我也不知道還有什麼可以引入。

引入的頁面是可以手觸控操作的,引入成功後安卓正常適應,可以手觸控操作,而蘋果手機用手觸控放大時,iframe的寬也被放大了,變成了pc版。

1.試過將iframe外層盒子寫死,頁面寬度寫死,然而iframe還是會被撐開,頁面被撐大。(失敗)

2.試過給iframe外層盒子overflow hidden  但是這樣的話iframe依舊撐大,超出的也只是隱藏了看不見(失敗)

3.只有給iframe寫乙個死width並且加!important才能避免iframe放大(然而這樣的話不同的手機無法自適應)

最終解決如下:

document.getelementsbytagname('iframe')[0].addeventlistener('load',function())

//在iframe頁面載入完成後,給iframe設定等螢幕寬度 並且!important

蘋果手機螢幕尺寸 蘋果手機螢幕失靈售後教你怎麼處理

蘋果手機的螢幕失靈主要原因 一 電壓不穩 電壓不穩定也可能導致螢幕失靈。當電池電量低於20 充電嘗試。二 螢幕排線的問題 這個問題很嚴重需要及時的去檢測維修。三 電池損壞 電池損壞是直接導致蘋果手機的螢幕失靈的乙個原因,建議您攜帶您的手機到正規蘋果客戶服務中心進行維修。1 有時候觸屏失靈是因為螢幕上...

蘋果手機發展歷程

世界上第一款,觸控螢幕手機 採用多點觸控技術 cpu公升級 到 600hz 攝像頭畫素 320萬 採用直線設計,玻璃材質,四周鋼鐵包裹做天線帶 增強gsm訊號 但 握住 手機左下方 訊號減弱 甚至 斷線 天線門 cpu 上公升到 1ghz 960 640 視網膜解析度攝像頭 led閃光燈 300萬前...

蘋果手機硬體簡介

手機型號 發布時間 處理器攝像頭 螢幕尺寸 解析度記憶體 ram 3dtouch 作業系統 iphone4 2010.6 a4單核處理器 前置30萬畫素 後置500萬畫素 3.5英吋 960 640 512mb ios4 iphone4s 2011.10 a5雙核處理器 前置30萬畫素 後置800萬...