繁体   English   中英

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

[英]Media query doesn't work in my case

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

我已经链接了 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 上检查这个项目时,我希望图片降低 150.5 像素。

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

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

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

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

@FacundoCorradini 感谢您的帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM