常见电脑屏幕分辨率
- 1024*600 （常见8.9寸电脑使用）
- 1024*768（常用10.4、12.1、14.1、15寸电脑使用）4:3
- 1280*1024（常用14.1、15寸电脑使用）5:4
- 1600 * 900 16:9 (非主流)
- 1440*1050（常用15、16.1寸电脑使用）4:3
- 1600*1200（常用15、16.1寸电脑使用）4:3
- 1280*800（常见10.8、12.1、15.4寸电脑使用）16:10
- 1366*768（常见15.2寸电脑使用）15:10 （主流）
- 1280*854（不常见）16:9
- 1440*900（仅苹果17寸电脑使用）16:10
- 1600*1024（不常见）14:9
- 1680*1050（常见15.4、20寸电脑使用）16:10
- 1920*1080 16:9 （主流）
- 1920*1200（常见20寸电脑使用）16:10
PC端响应式媒体
@media (min- 1024px){
body{font-size: 18px}
} /*>=1024的设备*/
@media (min- 1100px) {
body{font-size: 20px}
} /*>=1100的设备*/
@media (min- 1280px) {
body{font-size: 22px;}
} /*>=1280的设备*/
@media (min- 1366px) {
body{font-size: 24px;}
}
@media (min- 1440px) {
body{font-size: 25px !important;}
}
@media (min- 1680px) {
body{font-size: 28px;}
}
@media (min- 1920px) {
body{font-size: 33px;}
}