一貫性のない非常に奇妙な問題があります。私のwebview
ページには、自分のサイトの通常の html であるヘッダーがあります。画像はページにリンクされています。リンクが機能しない場合と機能する場合があります。指を画像の下に移動すると、長方形のハイライト プレス カラー ボックスが表示されますが、実際の画像とはかけ離れていることがあります。ランダムな場所にありますが、常に画像の下のどこかにあります。そのため、リンクの href と画像は、言うまでもなく同期していません。ページをリロードすると、正しい位置に戻り、画像/ボタンが機能します。それは常に起こるわけではありません。デスクトップおよびモバイル ブラウザーで正常に動作します。でちょうど奇妙ですwebview
。とにかく、これを提案または体験してください。なぜそんなにランダムですか?
2 に答える
このように使用してください
String s="<head><meta name=viewport content=target-densitydpi=medium-dpi, width=device-width/></head>";
webview.loadDataWithBaseURL(null,s+htmlContent,"text/html" , "utf-8",null);
詳細については
http://developer.android.com/guide/webapps/targeting.html
また、Samsung s3 のような電話では、これが機能しない場合があります。そのためには、xhdpi 電話用に別のレイアウトを作成し、空白を避けるための要件に応じて、webview の高さを 40 dp などに変更します。
問題はwebviewだけではなく、一般的にモバイルであり、特にwebviewが使用していると思われるAndroidブラウザーです。私のヘッダーはposition:fixed
、多くの調査の結果position:fixed
、モバイルでグリッチが発生し、奇妙なことが起こることがわかりました。これによりclickable location
、画像が移動していなくても、スクロールするとリンクがずれていました。そのため、画像/リンクをクリックしても、リンクの場所がページの別の場所 (通常は画像の下) にあったため、機能しませんでした。
私の問題を説明したこのブログソリューションで述べたように。 http://suratpyari.wordpress.com/2011/09/30/fixed-position-problem-with-android-webkit/
ただし、私が行った解決策は、position:fixed
cssハックが欲しくなかったのでまったく使用せず、下のSOリンクで使用されている解決策を使用しposition:absolute
て内部をdiv
スクロール可能にすることでした。それは実際には非常にうまく機能し、スクロールはさらにスムーズで滑らかになりました.
CSS 100% の高さ、次に Scroll DIV not page
したがって、この問題を抱えている可能性のある他の人は、固定ヘッダーである可能性があります。そして、私の質問に反対票を投じた人にとっては「本当の」問題です。:/