css - 不添加样式的最简洁方法 <768px

Question

我目前在 768px 以上使用下面的代码，但希望在移动设备上没有样式。我试过为值添加 0 而没有添加，但似乎没有任何反应。

.mybox {
    padding: 20px !important;
    border: 1px solid #fff !important;
    height: 250px;
}

下面是我试过的

@media (max-width: 768px) {
    .mybox {
         padding: none;
         border: none;
         height: none;
     }
}     

有没有办法以最干净的方式完全不设置任何样式？

Answer 1

只需反过来使用它，使用最小宽度:

@media all and (min-width: 769px) {
  .mybox {
  padding: 20px !important;
  border: 1px solid #fff !important;
  height: 250px;
  }
}