css メディア クエリを使用してレスポンシブ サイトを構築しています。問題のページは次のとおりです: http://sergedenimes.com/shop/。
このクエリを使用して、スマートフォンのスタイルを有効にしました。
@media only screen
and (max-width:640px){
//styles
}
ブラウザのサイズを変更すると、スタイルが選択され、スマートフォンのレイアウトが取得されます。しかし、iPhone 5 でページにアクセスすると、メディア クエリが取得されないようです。理由はありますか?同じメディア クエリを使用する別のサイトがあり、正常に動作します。
Mac では Chrome と Firefox、iPhone では Chrome と Safari でテスト済みです。