常见屏幕尺寸的媒体查询。

Posted 2021-02-24

CSS media queries for common screen sizes which are ignored in older browsers.

/* SCREEN RULES */
/*=============================================================================*/
 
/* MOBILE DEVICES */
@media only screen and (min-device-width: 320px) { /* 320 */
	}
 
@media only screen and (min-device-width: 480px) { /* 480px | iPhone: Portrait */
	}
 
 
@media only screen and (min-device-width: 640px) { /* 640px */
	}
 
@media only screen and (min-device-width: 768px) { /* 768px | iPad: Portrait */
	}
 
/* LAPTOPS & DESKTOPS */
@media only screen and (min-device-width: 800px) { /* 800px */
	}
 
@media only screen and (min-device-width: 1024px) { /* 1024px */
	}
 
@media only screen and (min-device-width: 1280px) { /* 1280px */
	}
 
@media only screen and (min-device-width: 1366px) { /* 1366px */
	}