媒體查詢在我的情況下不起作用

Question

我很久以前使用過媒體查詢。

我已經鏈接了 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 上搜索了很多問題，但沒有一個對我有好處，所以請不要標記為重復。

謝謝您的幫助。 我是來學習的:)

Answer 1

問題是我沒有運行作為編譯器的考拉程序。 所以我啟動了 Koala，它為 main.css 編譯了我的 main.scss 文件，現在它運行良好。

因此，如果您對此有疑問，請務必檢查您的編譯器是否正在運行。 :)

@FacundoCorradini 感謝您的幫助。