响应div关系

我有2个div与他们内的一些元素。响应div关系

我想在宽度> 600px时显示div，并隐藏另一个div，并在宽度> 600px时显示另一个div并隐藏div。我曾尝试与此代码，但它不工作：

@media (min-width: 601px) { 


.organigramma-desktop { 
display: inline; 
} 

.organigramma-mobile { 
display: none; 
}} 



@media (max-width: 600px) { 

.organigramma-desktop { 
    display: none; 
} 
    .organigramma-mobile { 
display: inline; 
} 
}

谢谢

来源

2015-11-05 Thebigleon

什么似乎出问题了？你如何编码你的HTML？您的媒体查询[似乎适用于我]（http://jsfiddle.net/cgk4xkrb/）。 – showdev

您提交的代码似乎正在工作。 http://jsfiddle.net/daCrosby/yz7mxwa3/ – DACrosby

必须是您的html – stackoverfloweth

媒体查询是在现有款式上赋予所以你应该定义桌面风格，仅在需要时加流动样式

.organigramma-desktop { 
    display: inline; 
} 

.organigramma-mobile { 
    display: none; 
} 

@media (max-width: 600px) { 
    .organigramma-desktop { 
     display: none; 
    } 

    .organigramma-mobile { 
     display: inline; 
    } 
}

来源

2015-11-05 19:27:52 stackoverfloweth

现在它的工作完美，也有一个问题，在其他移动里面的div，所以它没有工作......谢谢。 – Thebigleon

没问题，很高兴我能帮到 – stackoverfloweth

将此标记为答案，以便可以关闭问题 – stackoverfloweth

响应div关系

回答

相关问题