常见电脑屏幕分辨率

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}
    } /*>=1024的设备*/

    @media (min-width: 1100px) {
    body{font-size: 20px}
    } /*>=1100的设备*/
    @media (min-width: 1280px) {
    body{font-size: 22px;}
    } /*>=1280的设备*/

    @media (min-width: 1366px) {

    body{font-size: 24px;}
    }  

    @media (min-width: 1440px) {
    body{font-size: 25px !important;}
    } 

    @media (min-width: 1680px) {
    body{font-size: 28px;}
    } 
    @media (min-width: 1920px) {
    body{font-size: 33px;}
    } 

你可能感兴趣的:(css3)