手机媒体查询冲突

我在我的外部CSS使用这些媒体查询：手机媒体查询冲突

/* Wide Mobile Layout: 480px. 
    Gutters: 24px. 
    Outer margins: 22px. 
    Inherits styles from: Default Layout, Mobile Layout. */ 

@media only screen and (min-width: 480px) and (max-width: 767px) 

/* Mobile Layout: 320px. 
    Gutters: 24px. 
    Outer margins: 34px. 
    Inherits styles from: Default Layout. 
    --------------------------------------------- 
    cols 1  2  3 px  68 160 252 */ 

@media only screen and (max-width: 767px)

时我会改变最大宽度：767px与媒体查询（最小宽度：480像素）和（最大宽度：767px）宽度变化也是你会帮我解决这个问题

来源

2014-03-29 LA SN

这是因为最大宽度是相同的两个媒体查询 – Dipak

@ Dipaks我想，但是当我将最大宽度更改为479最小宽度480和最大宽度767不起作用 –

这是因为CSS中的“C”（级联）。

上面指定的规则适用于介于480px - > 767px之间的内容，但在其下方指定的规则适用于767px以下的任何内容。

任何在你的第二个媒体查询将覆盖如果屏幕低于480像素您的第一个媒体查询指定与例外属性。

来源

2017-05-30 19:13:11 chapeljuice

手机媒体查询冲突

回答

相关问题