h5响应式布局，pc端和手机端的几种分辨率

QVGA:240*320

WQVGA:240*400

CGA:200*320

HVGA:320*480

EGA:350*640

NVGA:360*640

WVGA:480*800

FWVGA:480*854

SVGA:600*800

XGA:1024*768,

WSXGA:1440*900

Retina Display：960×640
8.9寸:1024*500

10.4寸、12.1寸、14.1寸、15寸:1024*768

1280*800

1280*1024

1280*854

1366*768

1400*900

1400*1050

1600*1024

1600*1200

1680*1050

1920*1200

1920*1080

2048*1080

1776*1000

1152*864

800*600

2560 1920 3440 2048 1680 1440

@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;}
    }
 

最后

以上就是坦率老鼠为你收集整理的h5响应式布局，pc端和手机端的几种分辨率的全部内容，希望文章能够帮你解决h5响应式布局，pc端和手机端的几种分辨率所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。