Css 为个性化屏幕加载独立媒体查询-浏览器支持_Css_Browser_Responsive Design_Media Queries

Css 为个性化屏幕加载独立媒体查询-浏览器支持

css browser responsive-design

Css 为个性化屏幕加载独立媒体查询-浏览器支持,css,browser,responsive-design,media-queries,Css,Browser,Responsive Design,Media Queries,我正在读《斯科特·杰尔》这本了不起的书。他写了CSS从服务器传递方法和请求。我想知道是否所有浏览器都支持以下功能（在本例中），以便只加载特定设备所需的媒体查询，而不请求所有其他媒体查询文件 html示例： <head> <link href="shared.css"> <link href="screen480.css" media="(min-width: 480px)"> <link href="screen980.css" medi

我正在读《斯科特·杰尔》这本了不起的书。他写了CSS从服务器传递方法和请求。我想知道是否所有浏览器都支持以下功能（在本例中），以便只加载特定设备所需的媒体查询，而不请求所有其他媒体查询文件

html示例：

  <head>
  <link href="shared.css">
  <link href="screen480.css" media="(min-width: 480px)">
  <link href="screen980.css" media="(min-width: 980px)">
  <link href="screen1200.css" media="(min-width: 1200px)">
  </head>

无论媒体查询如何，大多数主要浏览器都会加载所有css文件

如果您希望根据媒体查询动态加载css文件，请查看Scott的

然而，请注意：通常情况下，为了较小的文件大小而进行网络往返交易并不是一个好的决定。这里有一篇很棒的文章，讨论了解决方案的局限性，如eCessential：