min-height:100%の解決策について
1067 ワード
先日、bsとjq 2を使っている問題に遭遇しました.2.0開発時、min-heightを100%に設定してfirefoxとieの下で役に立たず、まずcssで直したが、min-heightは効果的だったが、同時に他のcss問題が発生し、千丝万缕、その後万能のjsは完璧に問題を解決し、簡単で乱暴だった.
まず、問題の原因を説明します.jq 2+取得heighはIeと互換性がないので、height()はできません.
資料を調べて知る:窓の高さ
Firefox、chrome、IE 9、safari:window.innerHeight
IEシリーズ:document.body.clientHeight
IE 6:documentではありません.documentElement.clientHeight
互換性コードは次のとおりです.
innerHeightはウィンドウのドキュメント表示領域の高さを取得するが、ieはサポートせず、documentElementを使用する.クライアント・ヘイトまたはdocument.body.ClientHeight代替.したがって、上記のコードはieと互換性があります.
ieでない場合はinnerHeight,ieであればdocumentElement.ClientHeightは真のためにdocumentElementを取ります.もしdocument.body.ClientHeightは真のためにdocumentを取ります.body.clientHeight .
これで問題は完璧に解決され、min-heightに付与すればよい.
まず、問題の原因を説明します.jq 2+取得heighはIeと互換性がないので、height()はできません.
資料を調べて知る:窓の高さ
Firefox、chrome、IE 9、safari:window.innerHeight
IEシリーズ:document.body.clientHeight
IE 6:documentではありません.documentElement.clientHeight
互換性コードは次のとおりです.
1 var height = window.innerHeight || (document.body ? document.body.clientHeight : false) || (document.documentElement ? document.documentElement.clientHeight : null);
innerHeightはウィンドウのドキュメント表示領域の高さを取得するが、ieはサポートせず、documentElementを使用する.クライアント・ヘイトまたはdocument.body.ClientHeight代替.したがって、上記のコードはieと互換性があります.
ieでない場合はinnerHeight,ieであればdocumentElement.ClientHeightは真のためにdocumentElementを取ります.もしdocument.body.ClientHeightは真のためにdocumentを取ります.body.clientHeight .
これで問題は完璧に解決され、min-heightに付与すればよい.