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

本文汇总了多种设备的常见屏幕分辨率标准,包括手机、平板电脑及不同尺寸的显示器等,并提供了响应式网页设计中字体大小调整的CSS示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值