技术心得：常见电脑屏幕分辨率

"

常见电脑屏幕分辨率

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-width: 1024px){

body{font-size: 18px}

} /<span style=""color: rgba(0, 128, 0, 1)""]=1024的设备/

//代码效果参考：https://v.youku.com/v_show/id_XNjQwNjgyMTg5Mg==.html

body{font-size: 20px}

} /<span style=""color: rgba(0, 128, 0, 1)""]=1100的设备/

@media (min-width: 1280px) {

body{font-size: 22px;}

} /<span style=""color: rgba(0, 128, 0, 1)""]=1280的设备/

@media (min-width: 1366px) {

body{font-size: 24px;}

}

@media (min-width: 1440px) {

body{font-size: //代码效果参考：https://v.youku.com/v_show/id_XNjQwMDM2ODM0NA==.html

}

@media (min-width: 1680px) {

body{font-size: 28px;}

}

@media (min-width: 1920px) {

body{font-size: 33px;}

}

如果这篇文章对您有帮助，您可以打赏我，有合作可以联系我

打赏一波

点击加入群交流15129679

.my-qr-code {

display: inline-block;

}