我有一个隐藏的按钮display:none。我尝试了这个。
@media screen and (max-width:1360px) {
#a10{display:none;}
#menu_btn{display:block;}
}
以下代码的意思是：“当屏幕大于或等于1360时，将#menu_btn显示为行内块；当屏幕小于1360时，将其隐藏。”
HTML：
<input id="menu_btn" type="button"/>
CSS：
@media screen and (min-width:1360px) {
#menu_btn { display:inline-block; }
}
@media screen and (max-width:1359px) {
#menu_btn { display:none; }
}
PS。请记住，您不能像这样设置html中的内联样式：<input id="menu_btn" type="button" style="display:none"/>因为它将覆盖媒体查询中的样式，并且无论屏幕大小如何都不会显示您的按钮。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句