jquery - 媒体屏幕语法在我的 CSS 中不起作用

Question

媒体屏幕不工作。我不知道你是怎么做到的。感谢您的帮助。

#main {
         display: flex, inline-flex;
         a:-web-link-any {
            margin: 30px;
        }
    }


    @media screen and (max-width: 1064px) {
          #main {
              a:-web-link-any {
                  margin: 30px;
              }
         }
    }

<div id="main">
<a href="">test</a>
</div>

Answer 1

你有语法错误，检查正确的语法

#main {
     background:red;
display: flex, inline-flex;
     
}

#main a {
    margin: 30px;
}

@media screen and (max-width: 1064px) {
      #main a {
              margin: 200px;
          }
}

<div id="main">
<a href="">test</a>
</div>