モバイル デバイスでサイトをより「レスポンシブ」にしようとしています。
現在、「ビューポート」メタ タグのさまざまなバリエーションを試しました。
<meta name="viewport" content="width=device-width, initial-scale=1" />
しかし、何らかの理由で私の HTC Vivid では、ページがかなり拡大されて読み込まれます。
Android でページが 100% 表示されるようにビューポートを調整する方法はありますか?
モバイル デバイスでサイトをより「レスポンシブ」にしようとしています。
現在、「ビューポート」メタ タグのさまざまなバリエーションを試しました。
<meta name="viewport" content="width=device-width, initial-scale=1" />
しかし、何らかの理由で私の HTC Vivid では、ページがかなり拡大されて読み込まれます。
Android でページが 100% 表示されるようにビューポートを調整する方法はありますか?
多分このようなことを試してみてください:
<meta name="viewport" content="width=320px, initial-scale=1, maximum-scale=1"/>
私はまだviewport
正直に理解しようとしています。しかし、私は多分今それを手に入れたと思います。ビューポートwidth
は、コンテンツのデフォルトの表示可能な幅に設定する必要があります。例:<img/>
withwidth: 320px
がある場合、上記のコードを使用すると、画像は全画面表示になります。
このコードは私にとってはうまく機能しています...あなたにもうまくいくことを願っています...
// fit the width of screen
myWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
// remove a weird white line on the right size
myWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
initial-scale=1
ズームインしてロードする原因となっています。それを削除するか、最大スケールまたは最小スケールに置き換えることができます(達成しようとしているものは何でも)。