1

現在、ビューポート幅がデバイス幅に設定されたHTMLドキュメントがあります。私の問題は、ビューポートの幅をデバイスの全幅よりも狭いWebViewに適応させることです。この場合にデバイス幅を使用すると、ドキュメントがWebViewよりも広くなりますが、これは避けようとしています。

ドキュメントはAndroidアプリとiOSアプリの両方で表示され、すべての要素のドキュメントの相対サイズのみを使用して作成されます。したがって、ドキュメントの幅がビューの幅に正しく適合しているかどうかに依存します。

ビューポートの幅を、デバイスの幅ではなくWebViewの実際の幅に合わせるにはどうすればよいですか？

4

1 に答える 1

3

私はAndroidで似たようなものを扱っています。私の状況を理解できるように、テストデバイスの幅の実際の解像度は540で、デザインの固定幅は640です。私の目標は、cordovaで使用されるWebビューをズームアウトして、デザインの幅全体を表示するように設定することでした。

このコードはAndroidの問題を解決するのに役立ちますか？

public class MainActivity extends DroidGap {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");

    super.appView.getSettings().setSupportZoom(true);
    //super.appView.getSettings().setBuiltInZoomControls(true);

    super.appView.getSettings().setLoadWithOverviewMode(true);
    super.appView.getSettings().setUseWideViewPort(true);
    }
}
于 2012-11-07T18:37:36.437 に答える