这段 CSS 代码有什么问题？使用验证器时，发现4个解析错误

Question

代码是

.main{
  background-image: url(https://cache.teia.rock/ipfs/QmVacftCGVBnPJ5PzZR1b9aBJVAqi93bcGadxKP37CLVv1);
  background-size: 100vh; background-position: center;
  @media screen and (max-height: 100vw) {
    background-size: 100vw
  }
}

.homelogo{
  @media screen and (max-width: 500px) {
    height: 50vw;
    width: 50vw
  }
}

并描述了网站的主页，但是当使用W3C的HTML / CSS验证器或其他验证器（例如CSS Portal）时，显示4个CSS解析错误，附有CSS Portal验证器的屏幕截图，显示解析错误是由预期的 RBRACE 和意外的代币

我预计问题是由@media标签引起的，我尝试更改它们，但什么也没发生

Answer 1

.main {
  background-image: url(https://cache.teia.rocks/ipfs/QmVacftCGVBnPJ5PzZR1b9aBJVAqi93bcGadxKP37CLVv1);
  background-size: 100vh;
  background-position: center;
}

@media screen and (max-height: 100vw) {
  .main {
    background-size: 100vw;
  }
}

.homelogo {
  @media screen and (max-width: 500px) {
    height: 50vw;
    width: 50vw;
  }
}
// maybe you should try this