2014-02-08 187 views
0

我想設置我的CSS媒體查詢,但忽略了最低工作媒體查詢「屏幕」 CSS

#calc{ 
width: 325px; 
height: auto; 
margin: 100px auto; 
padding: 20px 20px 9px; 
/*background: linear-gradient(#9dd2ea, #8bc);*/ 
background-image: url('http://thumbs.dreamstime.com/z/christmas-seamless-pattern-big-small-snowflakes-white-cyan-background-34953788.jpg'); 
border-radius: 15px; 
box-shadow: 0px 4px #009de4; 
} 

繼承人的CSS媒體查詢

@media screen and (min-height: 500px) { 
#calc 
{ 
      /*margin-top: 0; or margin: 0 auto;*/ 
    margin-top: 0; 
} 
} 
+0

您是否在其他樣式下面有媒體查詢? –

+0

媒體查詢位於CSS代碼的底部。 – BunnYboii

+0

'margin:0 auto;'而不是'margin-top' – Marcel

回答

0
@media (min-width:0px) and (max-width:767px) { 
    #calc{margin-top: 0;} 
} 

使用此代碼作爲響應設備。根據條件進行替換