每个媒体查询都会引发 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;
  }
}

区别在于第一个只有一个媒体查询（只有一个请求？），第二个有两个（两个请求？）。

Answer 1

根本没有任何 HTTP 请求。它只是检查设备参数并应用必要的 CSS 规则。我认为一般来说它对性能没有影响，只是文件更大。

Answer 2

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

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

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

does EVERY media query provoke a http request?

css

http

httprequest

media-queries