我正在为不同的 vieqport 或设备宽度定义多个 CSS 媒体查询...
所以我的问题是 2 个 CSS 媒体查询定义 block 是否可以重叠或仅应用第一个匹配项。它是如何工作的?
另外申请多个设备的正确方法是什么..我的意思是定义的顺序?
最佳答案
you can combine multiple media queries in a comma-separated list; if any of the media queries in the list is true, the associated style sheet is applied. This is the equivalent of a logical "or" operation.
https://developer.mozilla.org/en/CSS/Media_queries
所以
This is the equivalent of a logical "or" operation
让它看起来像是只应用了一个匹配项。
http://reference.sitepoint.com/css/mediaqueries似乎也证实了这一点。
如果这是真的(并且未经我测试),那么我将创建一个通用样式表来提供所有通用样式,无论匹配什么媒体查询,然后为每个目标设备创建具有附加样式的设备独立样式表。
关于iphone - 2 CSS Media Query 定义是否可以重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7463139/