Web サイトのモバイル バージョンを開発しており、CSS クエリを使用して ldpi、mdpi、hdpi デバイスをターゲットにしています。最初に私はHTMLに入った：
meta content="width=device-width, initial-scale=1.0, user-scalable=0, target-densitydpi=device-dpi, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
meta content="true" name="HandheldFriendly">
link href="css/stylemob.css" media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" type="text/css" rel="stylesheet" />
さまざまなデバイスでテストしました。hdpi と mdpi では魅力的に動作しますが、ldpi デバイス (つまり、幅が 240px の解像度) では、サイトの左右に白い領域があります (ブラウザーがright css) ブラウザーのようなスクロールを有効にして、幅 320px の最小解像度の css を開きます。
質問:
- コードが間違っていますか？
- html、css、javascript、またはJava-Androidコードから直接修正する方法はありますか?最終的にWebViewアプリから開くWebサイトを統合するためです。