精华内容
下载资源
问答
  • 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...

    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寸)

    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端响应式媒体断点

    @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那么就是大的在上面,小的在下面

    html5 响应式布局(媒体查询)

    响应式布局        响应式布局,简而言之,就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本.这个概念是为解决移动互联网浏览而诞生的.        响应式布局可以为不同终端的用户 ...

    项目总结一:响应式之CSS3 媒体查询

    1.容器当中 常用组件包含内容: 字体图标 下拉菜 ...

    (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全

    (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 时间:2015-08-17 16:50:40      阅读:3961      评论:0      收藏:0      [点我收藏+] 标签:styl ...

    [转]响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

    展开全文
  • PC端-屏幕分辨率

    2021-05-11 11:32:59
    屏幕宽度大小排序(主流的用加粗标明) 分辨率( 比例 | 设备尺寸) 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 | ...
    • 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寸)

      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

    展开全文
  • 屏幕分辨率 指在横纵向上的像素点数,单位是px,1px=1像素点。 一般以纵向*横向像素来表示一个手机的分辨率。 如:1960*1080(这里的1像素指的是物理设备的1个像素点) 屏幕像素密度 屏幕上每英寸可以显示的像素点的...

    屏幕尺寸

    指屏幕的对角线的长度,单位是英寸,1英寸=2.54里面。

    屏幕分辨率

    指在横纵向上的像素点数,单位是px,1px=1像素点。
    一般以纵向*横向像素来表示一个手机的分辨率。
    如:1960*1080(这里的1像素指的是物理设备的1个像素点)

    屏幕像素密度

    屏幕上每英寸可以显示的像素点的数量,单位是ppi,即“pixels per inch”的缩写;
    屏幕像素密度跟屏幕分辨率和屏幕尺寸有关;

    公式:
    	假设屏幕分辨率为:1080*1920;
    	屏幕尺寸为:5寸;
    	那么长度为5寸的对角线上屏幕的像素点个数为:2203(勾股定理)
    	屏幕像素密度为:2203px/5寸=440ppi;
    

    高清屏

    这个概念是从乔布斯发布的Retina设备开始兴起。
    它具备足够高的物理像素密度而使人的肉眼无法分辨其中单独像素点的液晶屏。

    特点如下:
    	1、一种具备超高像素密度的液晶屏;
    	2、同样大小屏幕上显示的像素点由一个变为多个
    高清屏和普通屏的区别:
    	高清屏和普通屏相比,相同区域的物理像素点个数,高清屏是普通屏的4倍;
    
    展开全文
  • (@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 转自《媒体查询尺寸大全》 PC端 按屏幕宽度大小排序(主流的用红色标明) 分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸、...

    (@media 响应式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寸)

    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}
    } /*>=1024的设备*/
    @media (min-width: 1280px) {
    body{font-size: 22px;}

    @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)可以调用各种类型的分辨率尺寸查看效果

    展开全文
  • (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 时间:2015-08-17 16:50:40 阅读:3961 评论:0 收藏:0[点我收藏+] 标签:style代码sispbsimcreson PC端 按屏幕宽度大小排序(主流的用橙色标明) 分辨率 ...
  •  早期的iPhone3GS的屏幕分辨率是320*480(PPI=163),iOS绘制图形(CGPoint/CGSize/CGRect)均以point为单位(measured in points):  1 point = 1 pixel(Point Per Inch=Pixel Per Inch=PPI)  后来在...
  • 不是的 屏幕大小是眼睛能看到的屏幕 比如现在的 1.8 2.0 2.1 寸分辨率 是指在屏幕上 所具有的像素点 常见的有176*220 128*128 240*320 屏幕尺寸一样大的, 分辨率越高显示的越细腻 相反 分辨率一样 屏幕尺寸越大的...
  • 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...
  • 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...
  • 屏幕宽度大小排序(主流的用橙色标明) 分辨率 比例 | 设备尺寸 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寸、...
  • 使用QT分别获取当前所有屏幕分辨率和刷新率(支持多屏)。 有完整的代码、UI和QT工程文件,直接运行即可。
  • iOS 设备的屏幕尺寸、分辨率及其屏幕边长比例详细情况是怎样的? 根据屏幕尺寸和分辨率,ios现在数起来有6个版本。一,3GS;二,4s为代表;三,iphone5;四,ipad2为代表;五,ipad4为代表;六,ipad mini。...
  • Windows Mobile手机的产品屏幕覆盖各种显示级别,分别对应着各种各样的分辨率。本站特意整理了常用的显示屏显示级别和分辨率对照,供各位网友参考。    首先,QVGA(Quarter VGA)显示级别是PPC最...
  • Windows下获取屏幕坐标及分辨率

    千次阅读 2020-06-20 17:41:03
    printf("│%s│ %-11s│ %-20s │ %-4s │\n", "屏幕编号", "分辨率", "坐标", "主屏"); nScreenCount = 0; for (auto& itr : vecScreenList) { printf("├────┼──────┼───────────┼───...
  • //检测当前分辨率int Width = GetSystemMetrics(SM_CXSCREEN);int Height = GetSystemMetrics(SM_CYSCREEN);DEVMODE lpDevMode0;lpDevMode0.dmBitsPerPel=;lpDevMode0.dmPelsWidth=Width;lpDevMode0.dmPelsHeight=...
  • 设备及分辨率

    2014-02-16 13:20:00
    如果 iPhone 5 把屏幕做大,分辨率跟 iPhone 4 不一样,那以后做 iOS App 怎么处理不同分辨率的问题呢? 1 条评论分享 ...按票数排序按时间排序 ...题目已经假设了iPhone5的屏幕分辨率(而不是屏幕...
  • 自适应分辨率

    千次阅读 2017-06-21 10:37:15
    {实现窗体自适应调整尺寸以适应不同屏幕分辩率的显示问题。  陈小斌,2012年3月5日 } interface Uses  SysUtils,Windows,Classes,Graphics, Controls,Forms,Dialogs, Math,  uMySysUtils; Const //...
  • PC端分辨率

    2019-09-16 17:28:54
    屏幕宽度大小排序(主流的用橙色标明) 分辨率 比例 | 设备尺寸 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寸、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,451
精华内容 4,180
关键字:

屏幕分辨率排序