text 简单的CSS媒体查询 - 移动优先

Posted 2021-05-02

/* 

  www.hapwebsite.com / www.hap.website / www.hapweb.site / www.kosowwwa.com / www.383.email / www.support.al / www.tie.agency

*/

/* ===================================================

Phone */

@media only screen 
   and (min-width : 200px) {
   /* Styles here */
}

/* ===================================================

Smartphone */

@media only screen 
   and (min-width : 320px) {
   /* Styles here */
}

/* ===================================================

Tablet */

@media only screen 
   and (min-width : 768px) {
   /* Styles here */
}

/* ===================================================

Laptop */

@media only screen 
   and (min-width : 1200px) {
   /* Styles here */
}

/* =================================================== 

Desktop */

@media only screen 
   and (min-width : 1600px) {
   /* Styles here */
}