移动设备的CSS如何使'@media all'在wordpress子主题上工作

Question

我有这个代码在我的wordpress儿童主题(两个都是自己工作),我试图让顶级代码加载到普通屏幕上,而最后两个代码加载到较小的屏幕(移动设备)上.

@media all命令doenst似乎做了什么,我做错了什么？还有另一种或更好的方法吗？

谢谢!

#tab_slide {
left: 0px;
height: auto !important; 
width: 25%;
}


@media all (max-width: 1200px) {
#tab_slide {
left: 0px;
height: auto !important; 
width: 50% !important;
}
}

@media all (max-width: 1200px) {
#tab_slide_include {
padding: 0px;
}
}

Answer 1

你需要and:

@media all and (max-width: 1200px)

演示