媒體查詢「屏幕」 CSS

我想設置我的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; 
} 
}

來源

2014-02-08 BunnYboii

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

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

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

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

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

來源

2017-03-22 11:13:41

媒體查詢「屏幕」 CSS

回答

相關問題