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

Posted 2021-05-23

/* 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 */
	}