（响应式PC端媒体查询）电脑屏幕分辨率尺⼨⼤全PC端 分辨率⽐例 | 设备尺⼨
1024*500 （8.9⼨）
1024*768 （⽐例4：3 | 10.4⼨、12.1⼨、14.1⼨、15⼨; ）
1280*800（16：10 |15.4⼨）
1280*1024(⽐例：5：4 | 14.1⼨、15.0⼨)
usb话筒1280*854(⽐例：15：10 | 15.2）
1366*768 (⽐例：16：9 | 不常见）
1440*900 （16：10 17⼨仅苹果⽤）
1440*1050（⽐例：5：4 | 14.1⼨、15.0⼨）
1600*1024（14：9 不常见）
1600*1200 （4：3 | 15、16.1）
网络安全事件管理1680*1050（16：10 | 15.4⼨、20.0⼨）
1920*1200 (23⼨）
通过上⾯的电脑屏蔽及尺⼨的例表上我们得到了⼏个宽度 1024 1280 1366 1440 1680 1920
PC端响应式媒体断点
CSS代码
旋转喷嘴@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;}
}
⽤min-width时，⼩的放上⾯⼤的在下⾯，同理如果是⽤max-width那么就是⼤的在上⾯，⼩的在下⾯
另外在查资料时到⾕歌浏览器插件 Window Resizer （⽕狐⽤户可以搜Firesizer）可以调⽤各种类型的分辨率尺⼨查看效果
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议