0

モバイル デバイスでサイトをより「レスポンシブ」にしようとしています。

http://healthybodyguru.com

現在、「ビューポート」メタ タグのさまざまなバリエーションを試しました。

<meta name="viewport" content="width=device-width, initial-scale=1" />

しかし、何らかの理由で私の HTC Vivid では、ページがかなり拡大されて読み込まれます。

HTC ビビッド スクリーニー

Android でページが 100% 表示されるようにビューポートを調整する方法はありますか?

4

3 に答える 3

1

多分このようなことを試してみてください:

<meta name="viewport" content="width=320px, initial-scale=1, maximum-scale=1"/>

私はまだviewport正直に理解しようとしています。しかし、私は多分今それを手に入れたと思います。ビューポートwidthは、コンテンツのデフォルトの表示可能な幅に設定する必要があります。例:<img/>withwidth: 320pxがある場合、上記のコードを使用すると、画像は全画面表示になります。

于 2013-03-19T19:52:55.170 に答える
0

このコードは私にとってはうまく機能しています...あなたにもうまくいくことを願っています...

// 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);  
于 2013-03-20T10:56:54.470 に答える
0
initial-scale=1

ズームインしてロードする原因となっています。それを削除するか、最大スケールまたは最小スケールに置き換えることができます(達成しようとしているものは何でも)。

于 2013-03-19T19:58:59.330 に答える