2016-02-29 53 views
0

我想知道,如果在這兩個例子中的HTTPS請求的差異:EVERY媒體查詢是否會激發一個http請求?

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有隻是一個媒體查詢(只有一個請求?)和第二個(兩個請求?)。

回答

1

只有當您使用的介質不同的文件

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

感謝,是有道理的。 – soulbyter

1

根本沒有任何HTTP請求。它只是檢查設備參數並應用必要的CSS規則。我認爲一般來說它對性能沒有影響,只有更大的文件大小。