欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中使用media實(shí)現(xiàn)響應(yīng)式布局

 更新時(shí)間:2017年08月04日 16:14:34   作者:gunelark  
本文通過(guò)代碼給大家總結(jié)了常見(jiàn)的響應(yīng)式布局media的使用方法,感興趣的朋友參考下吧

常見(jiàn)寫法:

下面總結(jié)常見(jiàn)的響應(yīng)式布局的分類:

@media screen and (max-width:320px){ 
 #talkFooter .editArea{…… }
}
@media screen and (min-width:321px) and (max-width:375px){ 
  #talkFooter .editArea{…… }
}
@media screen and (min-width:376px) and (max-width:414px){
 #talkFooter .editArea{…… }
}  
@media screen and (min-width:415px) and (max-width:639px){
 #talkFooter .editArea{……}
} 
@media screen and (min-width:640px) and (max-width:719px){
 #talkFooter .editArea{……}
}  
@media screen and (min-width:720px) and (max-width:749px){
 #talkFooter .editArea{……}
}  
@media screen and (min-width:750px) and (max-width:799px){
 #talkFooter .editArea{……}
}  
@media screen(min-width:800px){}

總結(jié)

以上所述是小編給大家介紹的JS中使用media實(shí)現(xiàn)響應(yīng)式布局,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論