如何使用css媒体查询显示隐藏按钮？

我有一个隐藏按钮，它的意思是显示：无。我试过这个

@media screen and (max-width:1360px) {
#a10{display:none;}
#menu_btn{display:block;}
}

以下代码表示：“当屏幕大于或等于1360时，将#菜单_btn显示为内联块，当屏幕小于1360时，将其隐藏”

HTML:

---

请记住，不能像这样设置html中的内联样式：

，因为它将覆盖媒体查询中的样式，并且无论屏幕大小如何，您的按钮都不会显示。

您希望按钮何时显示？当显示大小为1360px时

<input id="menu_btn" type="button"/>

@media screen and (min-width:1360px) {
  #menu_btn { display:inline-block; }
}
@media screen and (max-width:1359px) {
  #menu_btn { display:none; }
}