html - 如何根据不同的手机屏幕尺寸制作CSS？

Question

我正在尝试根据不同的手机尺寸设置页面样式。我知道我可以使用媒体查询，但是如果手机的宽度相同但高度不同怎么办。比如Iphone X和6,7,8的宽度相同，长度不同

Answer 1

Carl 在他的评论中所说的差不多。

下面是一个有效的例子:

@media only screen and (max-height: 600px) {
  body {
    background-color: lightblue;
  }
}