我是否需要为每个宽度范围添加媒体查询?

时间:2012-08-19 20:59:19

标签: css responsive-design media-queries

我正在阅读一些书籍并尝试创建响应式布局,但仍然不知道如何应对随机窗口大小。我知道设备和屏幕之间存在差异,我无法弄清楚为什么在调整浏览器窗口大小时无法控制显示。

这是一个结构问题,错误的css代码还是我忘了什么?!我需要为可变宽度范围添加媒体查询吗?

一个例子: 我为设备设置了大多数尺寸(1204px,768px等),但是可变宽度看起来很奇怪。我添加了一个媒体查询@media screen and (max-width: 1100px){ ... },但我仍然遇到720px或620px等问题。

我使用display snipets from here

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

愚蠢的我,我刚刚发现我的代码搞砸了:我的错误顺序导致媒体查询,所以类最终被忽略了。请参阅this topic

谢谢大家!