CSS媒体查询装载

如果我有一个CSS媒体查询如下CSS媒体查询装载

<link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css"> 
<link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css">

我看到它加载这两个CSS desktop.css和ipad.css

这是即使我改变的情况下最小/最大宽度到最小/最大设备宽度

这是为什么如此以及如何确保只有相关的CSS被加载？

来源

2011-12-20 testndtv

你定位了什么浏览器/设备？哦，并关闭你的链接标签。 – DaveHogan 2011-12-20 13:03:31

我说，浏览器加载这两个文件是正常的。但它应该只适用于一种风格。发生在你身上的是两种风格，还是只有一种？

你也可以使用orentation参数btw。

来源

2011-12-20 13:02:52 sascha

它正确应用..我的问题是为什么它加载他们两个！ – testndtv 2011-12-20 17:01:18

因为这是浏览器的正常行为。即使是仅用于打印的CSS文件也会自动加载，但仅在用户切换到打印视图时才应用。 – sascha 2011-12-21 11:09:35

CSS媒体查询装载

回答

相关问题