media媒體查詢主要尺寸介紹
/*大屏幕，主要是 PC 端*/
@media (min-width: 1200px) {
body{
background: red;
}
}
/*在 992 和 1199 像素之間的屏幕里，中等屏幕，*/
@media (min-width: 992px) and (max-width: 1199px) {
body{
background: blue;
}
}
/*小屏幕，主要是 PAD*/
@media (min-width: 768px) and (max-width: 991px) {
body{
background: yellow;
}
}
/*超小屏幕，主要是手機(jī)*/
@media (min-width: 480px) and (max-width: 767px) {
body{
background: green;
}
}
/*微小屏幕，更低分辨率的手機(jī)*/
@media (max-width: 479px) {
body{
background: gray;
}
}
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對(duì)學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營(yíng)的品牌整合營(yíng)銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績(jī)。
【相關(guān)推薦】
