Вопрос:
У меня есть скрытая кнопка, это означает display:none. Я попытался с этим.
@media screen and (max-width:1360px) { #a10{display:none;} #menu_btn{display:block;} } Лучший ответ:
следующий код означает: “display #menu_btn как встроенный блок, когда экран больше или равен 1360, скрыть его, когда экран меньше 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»/> потому что он переопределит стиль из медиа-запроса, и ваша кнопка не будет отображаться независимо от того, какой размер экрана будет.