2015-04-29 78 views
0

是否可以使用2個媒體查詢,並且在此屏幕大小之間應該進行編輯。假設您想在屏幕尺寸700px和500px之間使用margin:5px;。我知道你可以從@media (max-width: 700px) {margin:5px;}開始,然後使用@media (min-width: 500px) {margin:0px;}2特定媒體查詢

我的問題是,有沒有縮短這個代碼?

注:給你明白我的意思了一個想法:@media (min-width: 700px between 500px){margin:0px;}

回答

2
@media (min-width: 500px) and (max-width: 700px) 
+0

沒有最小寬度用於本屏幕尺寸之前發生了什麼?如果你能給出解釋,這將是很好的。 – Blank

+1

犯了一個錯誤。編輯。 你可以看看這裏: http://gionaf.com/tools/css3-mediaquery-generator/ – Crock