Android の Web 開発は初めてで、現時点では少し不満があります。私が取り組んでいるサイト ( http://truthfortheworld.org ) は、Mobile Safari では問題なく動作していますが、Android の既定のブラウザーでは、ページを更新しない限り、ページは下にスクロールできません。かなりイライラして、何が起こっているのか理解できません。時々、スクロールできるように見えるページをロードすることがありますが、ページが一番上にスナップして動きません。
私の推測では、ビューポート設定と CSS メディア クエリの組み合わせに関係があると思います。ビューポートのメタタグは次のとおりです。
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
他のビューポート設定をいくつか試しましたが、何も機能しません。スケーリングを許可すると、ズームインするとページがスクロールしますが、ズームアウトすると再び上部にスナップします。
ここに私の2つのスタイルシートがあります:
<link rel='stylesheet' media='only screen and (min-device-width:800px)' type='text/css' href='/css/main.css' />
<link rel='stylesheet' media="only screen and (max-device-width:1136px)" type='text/css' href='/css/handheld.css' />
1 つ目は通常の画面用で、2 つ目は小型デバイス用です。この問題の最悪の点は、しばらくの間消えることがあり、すべてがうまく機能しますが、その後再び起動することです. それは私を当惑させました！
Android 2.3.4 を使用しています。何か洞察があれば教えてください。ありがとう！