css - 我需要为每个宽度范围添加媒体查询吗?

标签 css responsive-design media-queries

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

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

一个例子: 我为设备设置了大多数尺寸(1204 像素、768 像素等)工作正常,但可变宽度似乎表现得很奇怪。然后我添加了一个媒体查询,例如 @media screen and (max-width: 1100px){ ... } 但我仍然遇到 720px 或 620px 等问题

我使用显示片段 from here .

感谢您的帮助!

最佳答案

我真傻,我刚刚发现我的代码一团糟:我的媒体查询顺序错误,所以类最终被忽略了。请引用this topic .

谢谢大家!

关于css - 我需要为每个宽度范围添加媒体查询吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12029957/

相关文章:

html - div 内的元素但在 View 中不可滚动

html - 使用导航栏 Bootstrap 100% 页面高度

responsive-design - 如何创建响应式电子邮件模板?

javascript - 如何使用绝对位置定位元素?

html - CSS 媒体查询未在指定宽度处激活。为什么不?

html - 右对齐引导列表组中的动画 Font Awesome 图标

jquery - 如何在中间延迟两次更改背景颜色?查询

HTML5 拖放 : How do I target the cloned AND original elements?

jquery - 具有绝对位置的可点击区域

css - 结合 CSS 媒体查询