2012-01-24 27 views
2

ページの下部に固定されている(位置は固定されています)、通常のブラウザではうまく動作しますが、モバイルブラウザ(iphone、android、& WP7)それはオフスクリーンに見えます。私がズームインしてモバイルでズームアウトすると、divの位置がその底がどこにあるのかを見ることができます。誰かが迅速な修正や正しい方向への私の指し示しをするなら、本当に私はモバイルブラウザが座標とデスクトップをどのように扱うかの違いについての良い参考文献を探しているといいでしょう。位置:モバイルで動作していない、デスクトップで動作している

+2

あなたの問題はどのモバイルブラウザにありますか? – laymanje

+0

[こちら](http://bradfrostweb.com/blog/mobile/fixed-position/)は、モバイル環境でできることを詳しく見ています。 – Andrew

+0

おそらく、ここにある答えがあなたを助けるでしょう:http://stackoverflow.com/questions/2784889/android-web-app-positionfixed-broken – StevenGilligan

答えて

3

モバイルブラウザは、ブラウザのウィンドウを複数のコンピュータのような大きさを持っていることを考えることにレンダリングエンジンをだましてみてください。 これが必要なのは、ほとんどのWebページが解像度が制限された携帯端末(特に携帯電話)で完全に使用できなくなるからです。

ただし、HTMLページが実際にこの種のデバイス向けに設計されているため、モバイルブラウザですべてのスケーリングと解決の仮想化ロジックを無効にすることができます。例えばiOSデバイスやAndroidデバイスのための問題を解決することができます

何かがあなたのページとJavaScriptコードは、実際のデバイスピクセルと画面サイズに対処できるようになります<head>セクションで

<meta name="viewport" 
     content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 

このタグを追加しています。

0

「モバイルブラウザ」を定義します。 Androidブラウザでサポートされていますが、Safari for iOSはiOS5からSafariをサポートしています。

Opera miniなどが多分位置をサポートしていない可能性があります。あなたはこれをチェックすることができ

...デフォルトでhttp://seesparkbox.com/foundry/fix_your_position_even_in_ios_4

関連する問題