2

私はBootstrapレスポンシブフレームワークとして使用しています。

Bootstrap CSS ファイルの下に独自のスタイル シートがあり、その中に独自のスタイル シートがありMedia Queriesます。iPhone 4headingtags

ここに私のコードがどのように見えるかのスニペットがあります:

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">

私は次のように設定Media Queriesします.....

  /* Large desktop */
  @media (min-width: 1200px) { ... }

  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) { ... }

  /* Landscape phone to portrait tablet */
  @media (max-width: 767px) { ... }

  /* Landscape phones and down */
  @media (max-width: 480px) { ... }

iPhoneのキャッシュをクリアしましたが、まだ機能していません

4

1 に答える 1

8

タグ抜けてるかも

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

あなたの輸入の前に。

ドキュメントを参照して、すべての手順に従っていることを確認してください。

http://twitter.github.com/bootstrap/scaffolding.html

于 2013-03-06T16:07:16.123 に答える