css - 每个媒体查询都会引发 http 请求吗？

Question

我想知道，这两个例子中的 HTTPS 请求是否有区别:

1.

@media only screen and (max-device-width: 40em) {
  .example {
    width: 100vw;
    height: 100vh;
  }
}

2.

@media only screen and (max-device-width: 40em) {
    .example {
        width: 100vw;
    }
}

@media only screen and (max-device-width: 40em) {
.example {
    height: 100vh;
  }
}

不同之处在于，在 1 中只有一个媒体查询(只有一个请求？)而在后两个中(两个请求？)。

Answer 1

仅当您将媒体用作不同的文件时

<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">