私はBootstrap
レスポンシブフレームワークとして使用しています。
Bootstrap CSS ファイルの下に独自のスタイル シートがあり、その中に独自のスタイル シートがありMedia Queries
ます。iPhone 4
heading
tags
ここに私のコードがどのように見えるかのスニペットがあります:
<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のキャッシュをクリアしましたが、まだ機能していません