如果屏幕尺寸较小，如何隐藏网页的特定内容？

Question

如果屏幕尺寸小于480像素，我想隐藏网页的特定内容。

我知道我应该用这个：

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

但是我还想在尺寸小于480px时显示一条消息：

  

请使用您的电脑登录

Answer 1

默认情况下，您可以将信息显示在span或div中，并且显示为none，当尺寸大于480 px时，将该div显示为如下所示

#myDiv {
    display: block;
 }