移动设备媒体查询失效：800px及以上高度设备无法触发样式

你当前的媒体查询条件完全不对——你写的max-width:600px是针对屏幕宽度≤600px的设备生效，和设备高度没有任何关系，这就是为什么高度800px及以上的设备没反应。

要让样式在高度800px及以上的设备生效，你需要把媒体查询的条件改成min-height:800px，示例代码如下：

@media only screen and (min-height:800px) {
  .logo {
    display: inline-block;
    position: sticky;
    color: white;
    font-size: 4vw;
    margin-top: 2.7vw;
  }

  .lista{
    text-decoration: none;
    position: sticky;
    color: white;
    padding-bottom: 7px;
    transition: .1s all linear;
    font-size: 3vw;
    display: inline-block;
    font-weight: bold;
  }

  header ul.navigace{
    float: right;
    margin-top: 3vw;
    word-spacing: 1vw;
  }

  header{
    background: rgb(31, 9, 110);
    position: sticky;
    height: 9vw;
  }
}

如果需要同时满足高度≥800px和某个宽度条件，可以用and组合多个条件，比如：

@media only screen and (min-height:800px) and (min-width:1024px) {
  /* 这里放样式 */
}

内容的提问来源于stack exchange，提问作者NotTwenty