iframe 跨域高度自適應的解決辦法

1 <

html
>
2 <
head
>
3     
<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0"
charset
="utf-8"
>
4     
<
meta 
name
content
="yes"
>
5     
<
meta 
name
content
="black"
>
6     
<
meta 
name
="format-detection"
content
="telephone=no"
>
7     
<
style
>
8         body
12     
style
>
13 head
>
14 <
body
>
15 <
iframe 
src=""
width
='100%' 
height
='100%' 
frameborder
='0' 
name
="iframecont"
id="iframecont"
>
iframe
>
16 body
>
17 html
>

這是我在乙個部落格上看到的實現方法，確實很管用，沒有用任何的js。但是我是在手機上用，出了一點小問題，有文字框的情況下點選輸入法頁面高度就停留在半空不能自適應，經過測試，得到一下解決辦法：

1

<
style
>
2body
10#iframecont
13style
>

跨域iframe的高度自適應

跨域iframe的高度自適應 1.跨子域的iframe高度自適應 2.完全跨域的iframe高度自適應 同域的我們可以輕鬆的做到 1.父頁面通過iframe的contentdocument或document屬性訪問到文件物件，進而可以取得頁面的高度，通過此高度值賦值給iframe tag。2.子頁面...

解決跨域iframe自適應高度

關於iframe自適應高度的討論可以先看看口碑ued的部落格 大概原理見下圖 可以直接看示例 下面直接上 了 下面是核心 loader.js 檔案proxy.html 使用方法 一 在主頁面要包含的iframe中引入loader.js 二 傳入引數。有兩種傳參方法 1.在主頁面引用iframe的時候...

iframe跨域高度自適應的實現

相容ie和ff,chrome 主框架 支援跨域的框架高度自適應 width 100 height 0 scrolling auto nl ad frameresize frameborder 0 子域的框架 這裡是框架的內容,自適應這裡的高度,支援跨域 asdfsdf asdfsdf asdfsdf...