Javascript 仅在移动视图中隐藏特定div

我在aspx页面中有HTML/CSS内容

我想要一个特定的div部分，其中包含一些css类，当切换到mobileview时要隐藏

我已尝试使用以下方法：

将引导属性设置为：

 @media screen and (max-width: 600px){}

并将CSS/class属性设置为：

  {visibility: hidden;} 

但是当测试代码时，它永久地隐藏了div

代码引导：

 @media screen and (min-width: 768px)



   .col-md-7 {
      width: 58.33333333%;
    }

   .service {
      background: #005366;
      color: #999;
      margin-bottom: 10px;
   }

   .service h4 a{
      color: #fff;
   }

   .service img {
      float: right;
      margin-left: 10px;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
    }

   .service img:hover {
      opacity: .9;
    }

   .service-in {
      padding: 15px 0 0 10px;
      min-height: 150px;
    }

---

先谢谢你

您粘贴的代码没有显示您将其隐藏的确切css。向我们展示下面的代码或使用下面的代码

@media screen and (max-width: 600px){
   .yourClassName {
      visibility: hidden;
    }
}

或者

@media screen and (max-width: 600px){
   .yourClassName {
      display: none;
    }
}

您的div永久隐藏意味着媒体查询可能未正确应用

帮助我们帮助你。

---

欢迎。

您的mediaquery没有开始和结束。使用括号{}

---

您试图隐藏哪个类/元素？您是否尝试过显示：无而不是可见性：隐藏？

@media screen and (max-width: 600px) {

       .yourclass {
          //your styles
       }
}