2015-10-19 65 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

相關問題