html - 为什么宽度在我的媒体查询中没有生效?

标签 html css media-queries

我以前从未遇到过这个问题,但由于某种原因,我无法修改媒体查询中的宽度。在开发人员工具中,宽度显示为被划掉,就像我将其切换为不显示一样,但事实并非如此,它默认显示。

我很想改变这个:

div.wrapper{
    display:block;
    width:100%;
}

进入这个:

.wrapper {
    width: 95%;
    margin: 0 2.5%;
}

我什至尝试将我的媒体查询 wrapper 类更改为 div.wrapper...但它没有帮助,

是什么原因造成的?

enter image description here

最佳答案

我认为您应该阅读这篇文章: CSS: Understanding the selector's priority / specificity

使用 CSS 规则时有优先权。

例如,.column .sponsors 将优先于 .sponsors

关于html - 为什么宽度在我的媒体查询中没有生效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36207139/

相关文章:

html - 用嵌入的视频替换图像

css - scss/sass 中的嵌套代码

html - slider 导航在平板电脑宽度中的定位问题

javascript - 禁用基于媒体查询纵向模式的javascript文件

php - 仅显示登录用户数据

javascript - react 停止该元素上的其他事件

javascript - 使用服务器端脚本同时加载多个 CSS/JS 文件

php - 打开 ssl 会破坏网站

css - 大量媒体查询分布在文件中是否可以

javascript - div 刷新在 ie8 下不能正常工作