2015-10-19 60 views
0

我目前使用下面的代码超过768px,但希望没有时,它移动到造型。我曾尝试为值和0添加0,但似乎没有发生。最干净的方式添加没有造型<768px

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

这是我试过下面

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

有没有一种方法来设置没有造型可言,最清洁的方式?

+0

尽量避免使用'important'而是试图依靠[特异性](https://css-tricks.com/!细节特征在css特异性/) – gaynorvader

回答

2

只是用它周围的其他方法,以最小宽度:

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

辉煌,作品一种享受。谢谢! –

+0

您可以将代码中的all和'部分关闭,只显示最小宽度和其值。 – ProDexorite

相关问题