Как показать скрытую кнопку с помощью css-медиа-запроса?

Вопрос: У меня есть скрытая кнопка, это означает display:none. Я попытался с этим. @media screen and (max-width:1360px) { #a10{display:none;} #menu_btn{display:block;} } Лучший ответ: следующий код означает: "display #menu_btn как встроенный блок, когда экран больше или равен 1360, скрыть его, когда экран меньше 1360" HTML: CSS: @media screen and (min-width:1360px) { #menu_btn {

Вопрос:

У меня есть скрытая кнопка, это означает 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»/> потому что он переопределит стиль из медиа-запроса, и ваша кнопка не будет отображаться независимо от того, какой размер экрана будет.

Оцените статью
Добавить комментарий