問題の説明
新しい iPod touch ユニットの幅を把握しようとしています。CSS メディア クエリがデバイスで失敗しています...表示されるロゴが巨大です。
これをグーグルで検索してみたところ、次のような記事が見つかりました: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
しかし、これまで試したことはありません。
コード：
私が期待していたメディアクエリは次のとおりです。
@media only screen and (max-width: 220px), only screen and (max-device-width: 480px) {}
私がこれまでに試したこと：
max-width の値を 200 から 480 の範囲で試す以外に、Firefox のレスポンシブ Web デザイン ツールを使用してみました。このツールを使用してビューのサイズを 320 x 480 に変更すると、正しいロゴが表示されます。しかし、iPod を使用してサイトをテストすると、異なるサイズのロゴが表示されます。
また、次のようにクエリを変更しました。
@media (min-width: 320px) and (max-width: 480px) {
また
@media only screen and (max-device-width: 480px) {
追加の質問
キャッシュの問題を適切にテストするにはどうすればよいですか? デスクトップでは常に CTRL+F5 を実行してページを更新するようにしましたが、ipod でそれを行う方法がわかりません。それが問題でしょうか？
何が間違っているのかわかりません。任意の提案をいただければ幸いです。ありがとう！