h5開發iframe在ios裝置寬度超出螢幕

2021-08-30 08:29:08 字數 790 閱讀 5606

做h5專案時遇到iframe在ios手機上超出螢幕的問題,在iframe外層套了乙個div,div的寬度為螢幕寬度的90%;給iframe設定了寬度100%沒有用,在ios手機上為超出螢幕,但是在安卓手機上顯示正常。

解決辦法:

給iframe的外層div新增樣式:overflow: auto;-webkit-overflow-scrolling:touch;width:100%;

給iframe設定屬性scrolling=『no』

給iframe設定樣式:width: 1px; min-width: 100%; *width: 100%;

h5應用資料加密 H5定製開發方案

正文共計 815字預計 產品特性 快速迭代 h5常用於輕量級應用,例如 活動營銷頁面 拉新等,而這些相對開發成本比較低,也可滿足市場需求進行快速迭代。專屬方案 所想即所得,為客戶量身定製策劃方案 多種定製 提供活動營銷 商業 遊戲有效等多種定製 全新互動 互動性強,視覺效果佳,使用者的感官體驗好,可...

H5直播開發總結

關於直播,有很多相關技術文章,這裡不多說。作為前端,我們比較關心我們所需要的。直播的大致流程 但實際我們需要處理一些不可控的情況,這是非常麻煩的。比如說,直播方網路不好,直播方關閉了攝像頭,這些情況都會導致推流斷掉,在文章後面,我們詳細說這一塊。目前我們先考慮直播的三種狀態 直播前,直播中,結束。針...

H5開發螢幕適配

width 設定layout viewport寬度,為乙個正整數,或者device width.height 設定layout viewport高度,為乙個正整數,或者device height initital scale 設定頁面的初始縮放值,為乙個數字,可以帶小數 maximum scale ...