レスポンシブウェブデザインは、デスクトップでは動作していますが、モバイルデバイスでは動作していません。

私は携帯電話で応答する必要があるウェブサイトを持っています。デスクトップを使用して作成しました。私はブラウザウィンドウを調整すると、携帯電話には完全に機能しますが、実際の携帯電話で確認すると、Samsung Galaxy S2ではモバイルビューに反応しません。レスポンシブウェブデザインは、デスクトップでは動作していますが、モバイルデバイスでは動作していません。

何が間違っている可能性がありますか？あなたはおそらく、HTMLのheadにビューポートのメタタグが欠落している

誰もが役立つようにするためには、さらに情報とコードを追加する必要があります。あなたのCSS、HTMLなどあなたが使用しているフレームワーク（例えば、Twitter Bootstrap）などがある場合など – ajacian81

222

：デバイスは想定しており、フルサイズのビューポートを設定し、それがなければ

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

。

詳細情報here。

2013-01-29 07:28:20 Agush

この行がなくてもブラウザで動作しますが、モバイル上ではこの行が必要です。 –

私はこれを使用しましたが、まだ動作していません。 http://august.com.sg/を確認してください。 – w3debugger

私はただあなたを愛しています –

CSSをチェックするか、CSS Validatorを使用してください。

Parse Error 

    .navbar .nav li a { 
    padding-right: 5px; 
    paddng-left: 5px;

あなたの中かっこや誤植が閉じていないようです。

2016-04-12 07:45:54

私もこの問題に直面しています。最後に私は解決策を得ました。このコードを使用してください。希望：問題は解決されます。

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

2017-08-20 06:35:24

"maximum-scale = 1"を追加することは私にとってはうまくいきました。 – tsteve

答えて