css - iPhone 4 と Galaxy Note 2 の個別の CSS

Question

iphone 4 と galaxy note 2 に異なる CSS スタイルを提供しようとしています。しかし、私がiphone 4で試したものは何でもノート2でも実行され、別のcssを提供することはできません。これが私が配置した順序でやろうとしていることです

@media screen and (min-width : 360px) and (max-width : 640px) and (orientation: portrait) {
    // note 2 portrait code
}

@media screen and (min-width : 360px) and (max-width : 640px) and (orientation: landscape) {
    // note 2 landscape code
}

@media screen and (min-width : 320px) and (max-width : 640px) and (orientation: portrait) {
    // iphone 4 portrait code
}

@media screen and (min-width : 320px) and (max-width : 640px) and (orientation: landscape) {
    // iphone 4 landscape code
}

私を助けてください

Answer 1

max-widthのためにiphone 4なら480ないでください640px。