pc端常用的屏幕分辨率

pc端

分辨率	比例	设备尺寸
1024*500	/	8.9寸
*1024768**	4:3	10.4寸、12.1寸、14.1寸、15寸
1280*800	16:10	15.4寸
1280*1024	5:4	14.1寸、15寸
1280*854	15:10	15.2寸
1366*768	16:9	不常见
1400*900	16:10	17寸（仅苹果）
1400*1050	5:4	14.1寸、15寸
1600*1024	14：9	不常见
1600*1200	4:3	15寸、16.1寸、
1680*1050	16:10	15.4 寸、20.0寸、
1920*1200	/	23寸
*19201080**	/	23寸、24寸、27寸

通过上面的电脑屏蔽及尺寸我们得到了几个宽度

1024 1280 1366 1440 1680 1920

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

用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面。

pc端常用的屏幕分辨率相关推荐

pc端常用电脑屏幕媒体查询尺寸
pc端常用电脑屏幕 ((响应式PC端媒体查询)电脑屏幕分辨率尺寸大全) PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率比例 | 设备尺寸 1024*500 (8. ...
计算机常用屏幕分辨率,pc端常用电脑屏幕（(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）...
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸.12.1寸.1 ...
现在计算机常用的分辨率,pc端常用电脑屏幕（(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）...
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸.12.1寸.1 ...
html电脑屏幕尺寸,pc端常用电脑屏幕（(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）...
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸.12.1寸.1 ...
pc显示器分辨率前端_@media 响应式PC端媒体查询屏幕分辨率尺寸总结
最近在写一个PC端的活动页面,想让页面适配不同的分辨率,既然提出了这样的需求,那么我们就要去尽量满足.因为之前一直写的是固定版心,然后在将容器居中,这样写的话,就导致页面在低分辨屏幕下会出现横向的滚动 ...
pc端常用电脑屏幕及响应式
屏幕宽度大小排序分辨率比例和设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3) (10.4寸.12.1寸.14.1寸.15寸; ) 1280*800 (16:10 ) (1 ...
pc端，自适应屏幕分辨率
前端开发框架Bootstrap 网址:http://www.dnzs.com.cn/w3cschool/bootstrap/bootstrap-tutorial.html 需要加入代码 <sc ...
pc端常用的分享QQ、QQ空间、微信、微博、复制链接
pc端常用的分享QQ.QQ空间.微信.微博.复制链接网上太多的关于这个的了,但是都没有符合我要求的插件.只好自己写,顺带分享出来给小白们直接上代码了用的是最基础的代码这个下载好放到对应的位置 q ...
Vue UI 组件库（移动端常用 UI 组件库，PC 端常用 UI 组件库，Element UI基本使用，Element UI按需引入）
文章目录 Vue UI 组件库 7.1 移动端常用 UI 组件库 7.2 PC 端常用 UI 组件库 7.3 Element UI基本使用 7.4 Element UI按需引入 Vue UI 组件库 ...
** PC端完美兼容各种分辨率的简便方法 **
PC端完美兼容各种分辨率的简便方法小程序.前端交流群:609690978 PS:此方法需使用到less或者scss的@变量来支持以设计图 1920 宽度为例: css中存在一种叫vw的单位,是针对 ...

pc端常用的屏幕分辨率

pc端常用的屏幕分辨率相关推荐

最新文章

热门文章