2015-10-09 16 views
13

これは回避策が見つからないようです。モバイルSafariでios9でios9モバイルサファリランドスケープcssバグ(絶対位置):0

、Webアプリケーションがlandscape modeでサファリナビゲーションバーは、コンテンツの下部をカバーします、あなたはそれを過ぎてスクロールすることができない場合、画面全体をカバーするために、コンテンツエリアのposition:absolutebottom:0を使用している場合 - それはありませんポートレートでブロックしないでください。

  1. ポートレートモードでは、それは姿勢変更のバグではありません
  2. ナビゲーションバーがある場合でも、罰金があり、ページがランドスケープ
  3. に開始された場合はどうなる
  4. Webページをホームスクリーンに追加された場合、バグは発生しません、ランドスケープでは完璧に動作し、コンテンツは表示されます(ナビゲーションは存在しないため)

サファリはなぜ肖像画ではなく横長で正しいのですか?魔法のように固定html要素にposition:fixedを設定

+0

いいえ、まだ実行している人はいないと思います。 –

答えて

7

この

html { position:fixed; width:100%; height:100%; overflow:hidden; }

なぜわからが、何らかの理由fixedため

周りfixed作品はまた、風景の中にフォントサイズを変更レンダリングのバグでなければなりませんしかし、私はそれを回避することもできます

+0

私と私たちの状況でうまくいった。他人にはうまくいかないかもしれませんが。 – NielsH

+2

すばらしい解決策!この数時間で立ち往生した。 – gMirian

+0

もう動作しません。 –

2

私は同じ方向に変化した場合、同じ問題を抱えていました私は単に$('meta[name="viewport"]')を見つけ、そのcontentを置き換えることで、これをやっている

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no 

:モードでは、あなたにviewportメタを変更します。