使頁腳響應的最小寬度應該是多少？

Question

我想讓網站的頁腳響應。我爲網站使用400 px最小寬度來增加頁腳的高度，但它不起作用。請讓我知道如何增加小屏幕頁腳的高度。

下面是代碼，

@media screen and (min-width: 400px;) { 
    #copyright { 
     height:50px; 
    } 
} 

編輯：這裏是我的代碼，

@media screen and (max-width: 400px) { 
    #copyright { 
     height:50px; 
    } 
} 

Answer 1

它應該是最大寬度，所以你可以針對屏幕高達400像素的寬度。隨着最小寬度你告訴應用CSS規則，如果最小寬度爲400像素:)

http://jsfiddle.net/h42p5x0h/

#copyright { 
 
    height: 20px; 
 
    background: #000; 
 
    color: #fff; 
 
} 
 
@media handheld, 
 
only screen and (max-width: 400px), 
 
only screen and (max-device-width: 400px) { 
 
    #copyright { 
 
    height: 50px; 
 
    background: #f00; 
 
    } 
 
}

<div id="copyright">Copyright<div>

Answer 2

所以，你希望你的#copyright頁腳是50pixels小高屏幕（即：最大寬度爲400px的屏幕）

那麼你的CSS規則應該是：

@media screen and (max-width: 400px) { 
    #copyright { 
     height:50px; 
    } 
} 

要小心，不要在你的媒體查詢

這裏，;是一個工作fiddle