1

ここでレスポンシブ Web サイトを設計しました: http://zarin.me/cce/

レスポンシブ デザインには Twitter Bootstrap を使用しました。レスポンシブ ブレークポイントの 1 つは 641px ( http://zarin.me/cce/css/responsive.cssを参照) にあり、ラップトップでブラウザーの幅を変更するとうまく機能します。

しかし、iPhone 4s でサイトにアクセスすると、レスポンシブ デザインは変わりません。また、ブレークポイントを 480px に設定しましたが、うまくいきません。私は何が欠けていますか?

4

1 に答える 1

1

Web サイトが mobile と互換性があることをモバイル ブラウザーに通知するには、viewport メタ タグが必要です。そうしないと、モバイルは 900 ピクセルを表示しようとし、css はデバイスが 900 ピクセルであると認識します。

これを頭の中で試してください

<meta content="width=device-width, initial-scale=1.0" name="viewport">
于 2012-06-15T21:05:48.327 に答える