iPhone X vs iPad媒体查询

Question

我看到interwebz同意以下媒体查询：

iPhone X

@media only screen
  and (min-device-width : 375px)
  and (max-device-width : 812px)
  and (-webkit-device-pixel-ratio : 3)
  and (orientation : landscape) { }

iPad

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {}

尽管如此，iPad专用的样式会覆盖iPhone X上的iPhone X。

是否可以更好地区分它们？

Answer 1

iPad和iPhone X具有不同的宽高比，

and (device-aspect-ratio: 4/3)

（纵向3/4）到ipad媒体查询可解决此问题。