html - 我的媒体查询不起作用

标签 html css frontend

有谁知道为什么我的媒体查询代码不起作用?谢谢!

@media only screen and (min-width:450px){
  .dark-blue{
    width: 25%;
  }
  .blue{
    width: 75%;
  }
}

更多细节在我的github https://github.com/kmfb/udacityProjects/tree/master/column%20drop

最佳答案

只需将 @media 移动到 css 页面的底部即可。
检查工作示例。
干杯,
https://jsfiddle.net/frc7r123/

关于html - 我的媒体查询不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47221789/

相关文章:

html - 页脚定位问题

frontend - 用于运行 Talend 作业的前端

javascript - 通过 Javascript 中的循环操作颜色

android - 如何在不同语言的Android环境中加载不同的html文件?

html - 如何从屏幕中间位置平铺背景,仅一个方向,以填充到窗口底部(无论窗口高度如何)?

html - Bootstrap Navbar 链接背景高度

html - 在css中将文本移动到同一行

javascript - 使用 html、js 和 bootstrap 的 Web Widget

html - 在HTML中水平放置尽可能多的div,并填充线宽

html - 使用 CSS 创建橱柜