代码之家  ›  专栏  ›  技术社区  ›  Dtrx

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

  •  -1
  • Dtrx  · 技术社区  · 7 年前

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

    我已经连接到main。css文件,所以不用担心

    我第一步就把这个连在了头上

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

    我使用考拉是因为SASS,主要是使用这段代码。SCS:

    @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时,我在这里尝试做什么

    当我在galaxy s5上检查这个项目时,我希望电脑能下降150.5px。

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

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

    1 回复  |  直到 7 年前
        1
  •  -1
  •   Dtrx    7 年前

    问题是我没有运行作为编译器的考拉程序。 所以我开始考拉,它符合我的主要要求。主服务器的scss文件。css,现在它工作得很好。

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

    @FacundoCorradini感谢您的帮助。