global.min.css,css3-媒体查询样式不覆盖原始样式

我正在尝试对正在建立的网站使用一些媒体查询。但是，我遇到的问题是，实际上正在应用媒体查询样式时，它们却被覆盖了。我无法告诉我原因，因为我使用的是相同的选择器。谁能指出我没看到的东西？

原始CSS

#global-wrapper-outer > #global-wrapper-inner {

width: 85%;

height: 100%;

margin: 0 auto;

position: relative;

}

#global-wrapper-outer > #global-wrapper-inner > nav {

background: #fff;

padding-bottom: 20px;

box-shadow: 0 4px 2px -2px gray;

}

媒体查询CSS

@media screen and (max-width:1024px) {

#global-wrapper-outer > #global-wrapper-inner {

width: 100%;

}

#global-wrapper-outer > #global-wrapper-inner > nav {

display: none;

}

第二个媒体查询工作正常，在这里我将导航设置为不显示任何内容。但是，当我尝试将＃global-wrapper-inner的宽度设置为100％时，它不适用。当我按F12并选择该元素时，我可以看到样式被“应用”。但是，样式本身被划掉并没有实际应用，它的原始宽度仍然为85％。

global.min.css,css3-媒体查询样式不覆盖原始样式相关推荐

CSS：媒体查询 CSS3 Media Queries
定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式. @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的. ...
css多媒体竖屏,css3 媒体查询方向：横屏竖屏教程
大家好,今天给大家分享的是css3 媒体查询方向:横屏竖屏教程,希望大家喜欢. 说道媒体查询,很多人会感觉陌生,但是对于做响应式开发的同学来说,那是再熟悉不过了. 结合CSS媒体查询,可以创建适应不同 ...
android 媒体查询,CSS常用媒体查询应用
原标题:CSS常用媒体查询应用媒体类型媒体类型 sans - serif字体比较适合在屏幕上阅读,而 serif 字体更容易在纸上阅读. 媒体查询包含一个可选的媒体类型和零个或多个满足CSS3规范 ...
css3 媒体查询
最近一直没网,好不容易有网络了,大概了解了下,媒体查询的东西,css3的部分,下面是从网上查到的信息,一起看看吧. 其实我了解的媒体查询就是 :我们的网页能够让用户在不同尺寸的移动设备上面都有很好 ...
iPhone的CSS3媒体查询
iPhone的CSS3媒体查询: 各版本的iPhone媒体查询是根据其分辨率和一些CSS3媒体查询的特性来实现媒体查询的...详见下: iPhone6的媒体查询: @media only screen ...
html 苹果xr媒体查询,iPhone的CSS3媒体查询_html/css_WEB-ITnose
iPhone的CSS3媒体查询: 各版本的iPhone媒体查询是根据其分辨率和一些CSS3媒体查询的特性来实现媒体查询的...详见下: iPhone6的媒体查询: @media only screen ...
前端CSS @media 媒体查询PC端
前端CSS @media 媒体查询PC端注意and后面跟一个空格 @media screen and (min-width: 1024px){body{font-size: 12px} } /*&g ...
【css】媒体查询（总结）
[css]媒体查询文章目录 [css]媒体查询写在前面媒体查询: 一.认识viewport 二.关于三个viewport的理论 layout viewport(布局视口) visual view ...
HTML引入媒体查询CSS,CSS3 多媒体查询
CSS3 多媒体查询 CSS2 多媒体类型 @media 规则在 CSS2 中有介绍,针对不同媒体类型可以定制不同的样式规则. 例如:你可以针对不同的媒体类型(包括显示器.便携设备.电视机,等等)设置 ...

global.min.css,css3-媒体查询样式不覆盖原始样式

global.min.css,css3-媒体查询样式不覆盖原始样式相关推荐

最新文章

热门文章