css3 媒体查询仅在特定的 div 中不起作用

标签 css media-queries

我的页面上有一堆媒体查询,但出于某种原因,我拥有的以页脚中的 div 为目标的媒体查询不起作用。我的符号有什么问题吗?

@media only screen and (min-width: 500px) and (max-width: 1000px) {
.twitterbutton {
    background-size: 50%;
    }
}

通常背景大小为 100%,但它会在一些显示器上自行挤压。关于为什么它不起作用的任何建议?谢谢!

最佳答案

感谢@DavidStorey,问题是我需要将媒体查询放在 原始 css 行之后,因为这种方式在原始代码行中的特异性更高!谢谢!

关于css3 媒体查询仅在特定的 div 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16952106/

相关文章:

html - 移动键盘会影响 CSS 媒体查询的高度吗?

javascript - 如何创建一条动画线抛出链接中的文本?

html - 当图像最终通过媒体查询隐藏时,延迟和手动控制 <img> 加载

css - 手机媒体查询冲突

css - 两个媒体查询之间的区别

html - head 中的媒体属性问题

css - 条件媒体查询

javascript - 如何防止重叠两个可以重新调整大小和拖动的 bootstrap 样式的 div?

html - 为什么 CSS 中的边距没有填充背景色?

css - IE 不会识别不重复?