0

レスポンシブデザインのサイトを作るのは初めてです。スマートフォンに問題があります。

ウェブサイトを「ズームイン」ロードするために、次のメタタグを使用しています。(私はhttps://stackoverflow.com/a/12785631/1716195に従いました)

<meta name="viewport" content="width=device-width; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=yes;" />

私も試しました

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" />

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" />

Samsung Galaxy S-ICS、デフォルトのブラウザで問題なく動作します。しかし、同じページがHTC Desire HD Android 2.3.5 のデフォルト ブラウザーで読み込まれると、ズームアウトされた状態でページが読み込まれます。

Mobile Operaを使用してSGSに同じページをロードすると、同じ問題が発生します

どこに問題があるのか​​ 本当にわかりません。何を重視するべきかアドバイスはありますか?

そこで、ブラウザまたはビューステートのどこかに問題があると判断しました。アドバイスをいただければ幸いです

4

1 に答える 1

0

通常、携帯電話でのクロス ブラウザー テストは、ブラウザーの機能によって制限されます。私も問題を感じました。

私のアドバイスは、初期スケールを 1.0 に保ち、メディア クエリでサイズを調整することです。私の経験では、すべてのデバイスをカバーするわけではありませんが、役に立ちます。

ビューポート サポートの参照が表示される場合があります

于 2013-02-06T11:16:52.640 に答える