css - デスクトップ 1024 と iPad のメディア クエリ

Question

デスクトップ (1024 * 768) と ipad でサイトを設定する必要がありますが、彼の視覚化を分離することはできません。

私はiPadで使用しています：

@ media only screen and (min-device-width: 768px) and (max-device-width : 1010px) 

およびデスクトップ:

@ media (min-width: 1020px) 

Firefox では動作しますが、Chrome では動作しません。

Answer 1

カスケードダウンしないのはなぜですか？

@media screen and (max-width : 1024px){ /*Styles*/ }

@media screen and (max-device-width : 768px){ /*Styles*/ }

とにかく1024x768はiPadサイズです。