响应式开发屏幕尺寸划分、媒体查询的的使用

一、设备划分

设备划分

尺寸区间

宽度设置

超小屏幕(手机)

< 768px

100%

小屏设备(平板)

>= 768px ~ 992px

750px

中等屏幕(桌面显示器)

>= 992px ~ < 1200px

970px

宽屏设备(大桌面显示器)

>=1200px

1170px

二、使用




    
    
    Document
    


    
    

三、实例效果

响应式开发屏幕尺寸划分、媒体查询的的使用_第1张图片

你可能感兴趣的:(js,javascript)