Как скрыть определенный контент веб-страницы, если размер экрана меньше?

Question

Я хочу скрыть конкретный контент веб-страницы, если размер экрана становится меньше 480 пикселей.

Я знаю, что я должен использовать это:

media screen and max-width : 360px 
form  {  display  :  none ! important ;  
}  

Но я также хочу, чтобы показать сообщение, когда размер становится меньше 480px:

Пожалуйста, войдите в свой компьютер

Answer 1

Вы можете поместить свое сообщение в диапазон или div с отображением по умолчанию и когда размер станет больше 480 пикселей, сделайте этот div видимым как ниже

#myDiv { 
    display: block; 
}