如何在移动设备上完全隐藏内容

Question

我想知道如何完全隐藏某些内容，但在浏览移动设备时仅。

在我的情况下，我想隐藏此菜单，以便在我的网站上浏览时不会显示在任何手机上。

https://jsfiddle.net/ 0ephpwgj/

Answer 1

您可以使用媒体查询 https://jsfiddle.net/0ephpwgj/1/

@media(max-width:720px){
 .mobile-hide {
   display: none;
 }
}

您可以根据移动设备更改最大宽度