1

これに関連するすべての質問を読みました。ご覧のとおり、すべての推奨事項がコードに実装されていますが、サイトはまだ正しくレンダリングされていません。デバイスのdpiに関係していると確信しています。私がテストしているデバイスは、xhdpi を搭載した Google Nexus 7 です。その仕様は次のとおりです。

7.02 インチ 1920x1200 HD ディスプレイ (323 ppi)、1080p HD IPS

ページは自動的に 1 列のビューに切り替わりますが、代わりに非常に大きな画面のように表示されます (したがって、ボタンが小さすぎます)。コードは次のとおりです。

サイト：

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi" />

ジャワ:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    WebView webView = (WebView) findViewById(R.id.webview);

    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    webView.getSettings().setUserAgentString("Android App");
    webView.setInitialScale(30);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.setWebViewClient(new WHMWebViewClient(this));

    webView.loadUrl("http://www.responsive_website.com");
}

アンドロイド 4.3

dpi に関連していると確信しているので (物理画面はモバイル レイアウトを表示する必要がありますが、dpi により、サイトはモバイル画面ではないと判断されます)、どのようなオプションがありますか? 私が所有していない既存のサイト用にアプリを開発しているので、私の最初の好みはデバイス側で調整を行うことです。これが不可能な場合、サイトでどのような調整を行う必要がありますか? ChromeやFFoxなどのブラウザはサイトを正しく表示できますのでご注意ください。

4

0 に答える 0