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

时间:2018-02-20 00:03:00

标签: html css sass media-queries

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

我已经链接了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=""> 

当屏幕为最大宽度时,我在这里尝试做什么:例如600px

当我在星系s5上检查这个项目时,我希望pciture下降150.5px。

然后向左走150px。但问题是,它无法正常工作。我的css文件没有缓存在浏览器中,所以这不是问题。我在stackoverflow上搜索了很多问题,但没有一个对我有好处,所以请不要标记为副本。

感谢您的帮助。我在这里学习:)

1 个答案:

答案 0 :(得分:-1)

问题是我没有运行编译器的Koala程序。 所以我开始考拉,它为main.css编译了main.scss文件,现在效果很好。

因此,如果您遇到问题,请始终检查您的编译器是否正在运行。 :)

@FacundoCorradini感谢您的帮助。