尝试使用媒体查询设置不同的布局
我对根据屏幕宽度定义div布局感到困惑
这是the fiddle result
和
the fiddle test project我正在使用
问题是我希望它可以堆叠在其他顶部
red
green
blue
当击中小于1200像素时
我究竟做错了什么 ？
最佳答案
您遇到的主要问题是CSS忽略了@media代码。您正在使用内联CSS，内联CSS规则始终会胜过外部CSS规则（==您的@media代码）。
建议阅读CSS的级联顺序：http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css
对于您的jsfiddle，将所有代码从style="..."传输到右侧的CSS框架，使其成为外部CSS而不是内部CSS。然后像这样重新排序：如果要让媒体覆盖默认的CSS，请将@media选择器放置在要覆盖的代码下。