angularjs - iPhone 8 Plusにも適用されるiPhone Xのメディアクエリ

Question

iPhoneX 用のスタイルを追加していますが、iPhone 6、7、8 plus デバイスにも反映されています。

メディアクエリを書いています

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3)and (orientation : portrait){
      margin-top: 5%;
}

iPhone6,7,8 plus デバイス固有のメディア クエリを追加して、margin-top: 0%

しかし、それもうまくいきませんでした。どんな答えでも大きな助けになるでしょう。