@media screen兼容時，內部不能放註釋【前端踩坑】

       近期終於直面前端的工作，在做項目需求的過程中遇到的奇奇怪怪的坑，希望自己把這些bug記下來，以後自己或者別人再遇到這種問題，可以有一個清晰的解決思路和方法，也希望有一些我不知道爲什麼存在的bug可以得到大家更好的解釋，在這裏謝謝大家啦！

 @media screen兼容時，內部不能放註釋

先給大家看一段代碼：

@media screen and (max-width: 480px) {
    /*iPhone5/SE*/
    .test{
        letter-spacing: 0;
    }
}

從內容上看是沒問題的，但是運行的時候卻不生效，我再網上找了好久，甚至懷疑自己@media寫錯了，換了好多種寫法，都失敗。爲了測試，我在前面加了一行更清楚看的代碼backgroud-color:red;

@media screen and (max-width: 480px) {
    body{
        background-color: red;
    }
/*iPhone5/SE*/
    .test{
        letter-spacing: 0;
    }
}

背景顏色變紅了，但字間距還是沒變，感覺很懵，明明是同樣級別的語句怎麼會出問題，於是我懷着碰運氣的心裏把註釋刪掉，然後...它好使了！好使了！！

@media screen and (max-width: 480px) {
    .test{
        letter-spacing: 0;
    }
}

我查了很久，都沒有找到關於css或media註釋位置的相關信息，大家都普遍把註釋寫在外面。可能是規範之類的問題，希望大家引以爲戒。