iPad Portrait 用のレスポンシブ Web デザインをサイトに追加したいと考えています。メインの css ファイル (style.css) があり、以下の行を追加しました。
<link rel="stylesheet" href="ipad-portrait.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)" />
ただし、divの背景色を赤などに設定してからウィンドウのサイズを変更しようとすると、iPadの縦長のサイズになったときに変更が表示されません。
リンク先のスタイルシートは次のようになります。
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
.myTile{background:red;}
}
私はこれを使って試してみましたが、サイズを変更しても違いはありません。
私は何を間違っていますか？
どんな助けでも素晴らしいでしょう、私はレスポンシブデザインを手に入れています。
ありがとう