媒体屏幕语法在我的 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>