最简洁的添加样式的方法＆lt; 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

只需使用相反的方式，使用min-width：

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