媒体查询在我的情况下不起作用答案

【问题标题】：Media query doesn't work in my case媒体查询在我的情况下不起作用
【发布时间】：2018-07-30 06:26:58
【问题描述】：

我很久以前就使用过媒体查询。

我已经链接了 main.css 文件，所以不用担心

我在第一步中将其链接到头部

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我因为 SASS 而使用考拉，并在 main.scss 中使用此代码：

@media only screen and (max-width: 600px)  {
    .numet{
       margin-top:150.5px;margin-left:150px;
    }
}

我在图片上调用 numet 类，因为 style="" 目前不是一个选项。

<img class="numet" style="" src="wt.png" alt="">

例如，当屏幕为 max-width:600px 时，我想在这里做什么

当我在 Galaxy s5 上检查这个项目时，我希望 pciture 下降 150.5 像素。

然后向左移动 150 像素。但问题是它不工作它什么都不做。我的 css 文件没有缓存在浏览器中，所以这不是问题。我在 stackoverflow 上搜索了很多问题，但没有一个对我有好处，所以请不要标记为重复。

感谢您的帮助。我是来学习的:)

【问题讨论】：

好吧，您的媒体查询看起来不错（尽管 150.5px 没有多大意义），所以它可能是您代码中的其他内容。可能元素在文档流中的定位方式。或者 S5 的宽度超过 600 像素这一事实。你真的在桌面的开发者工具上检查过吗？
@FacundoCorradini 嗨，你是对的，我的代码有问题实际上我发现问题是因为你的建议，我真的很高兴谢谢。问题是。我没有开始考拉。考拉没有运行，所以它没有遵守代码。 :)

【解决方案1】：

问题是我没有运行 Koala 程序，它是编译器。所以我启动了考拉，它为 main.css 编译了我的 main.scss 文件，现在它运行良好。

因此，如果您对此有疑问，请始终检查您的编译器是否正在运行。 :)

@FacundoCorradini 感谢您的帮助。

【讨论】：