メタ名前は=「ビューポート」

Question

を予想通り、私は私のウェブサイトでメタタグwww.ssd-vergleichen.de

<meta name="viewport" content="width=device-width; initial-scale=1.0;"/> 

は、ウェブサイトに最初のズームからデバイスを防ぐためにすることを持って動作しません。 サムスンギャラクシーS2のクロームモバイルブラウザでウェブサイトを見ているとき、ウェブサイトは約400％でズームしています。 どうしたのですか？誰も助けることができますか？事前に

おかげ

編集：

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

を使用して、それはAndroidの標準のウェブブラウザでは、まだありませんChromeで動作します。私はそれがIOSで動作するのだろうか？

EDIT2：いいえ、それはまた、iOS版では動作しませんhttp://iphonetester.com/

Answer 1

試してみてください。なし;

Answer 2

と

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

あなたは

<meta name="viewport" width="device-width"> 

を試してみました

私が理解しているように、width="device-width"はレイアウトの幅をデバイスの幅に制限します。確かにintial-scale=1と設定すると、ブラウザにズームを100％（つまりスケールされていない）にするよう指示していますか？

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

更新が正しく応答のサイトをスケーリングするために使用されることを意図しています。サイトが幅1100pxに固定されているとしたら、initial-scale=1と設定してもページ全体が表示されるわけではありません。 W3Cから

Use Meta Viewport Element To Identify Desired Screen Size

Answer 3

これを試してみてください：

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

Answer 4

を今日は同じ問題を抱えていたし、設定中に、私は、ターゲット-densitydpi属性をいじると高に設定することで、それを修正することができましたそのようなデバイス幅

の幅：

<meta name="viewport" content="initial-scale=0.8, zoom=10%, width=device-width, target-densitydpi=high-dpi"> 

これは私の問題を解決しました。

Answer 5

あなたは

<meta id="viewport" name="viewport" content="[your_content_params]" /> 

を書く必要があります私はこれを試してみました、それが働きました。