@media screen and (min-width: 320px)and (max-width:480px){
css instructions
}
で非常に異なる命令を上書きしています
@media screen and (min-width: 480px) and (max-width:640px) and (orientation:portrait){
css instructions
}
しかし、そうではありません
@media screen and (min-width: 480px) and (max-width:640px) and (orientation:landscape){
css instructions
}
私はそれが 480 に関係していると推測していますが、私はデバイスの幅について非常に具体的であるため、なぜこれが起こるのかわかりません.上書きされる理由は、これらを読んでいるのではなく、320/480 ルールを読んでいるからです。