精华内容
下载资源
问答
  • 屏幕尺寸 指屏幕的对角线的长度,单位是英寸,1英寸=2.54里面。 屏幕分辨率 指在横纵向上的像素点数,单位是px,1px=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倍;
    
    展开全文
  • 编码UTF-8;我们在ZOL上可以通过“参数”查看知名设备的信息,但如果客户寄给你一个他们自己定制的平板,通过“设置”也看不到你想要的信息, ...此Demo提供了获取设备的分辨率、屏幕尺寸和屏幕像素密度(PPL)的方式。
  • 1,屏幕尺寸 屏幕尺寸是指屏幕的对角线长度,单位是英寸 ,1英寸 = 2.54 厘米。比如华为mate 9 5.9 英寸,小米mix 6.4 英寸。... 一般已纵向像素 * 横向像素 ,如华为mate 9 屏幕分辨率就是 1920*1080 。小米mix...

    1,屏幕尺寸

       屏幕尺寸是指屏幕的对角线长度,单位是英寸 ,1英寸 = 2.54 厘米。比如华为mate 9 5.9 英寸,小米mix 6.4 英寸。屏幕尺寸和开发相关性不大,了解下就行。

    2,屏幕分辨率

       分辨率是在横轴方向上的像素点数,单位是px ,1px = 1个像素点

       一般已纵向像素 * 横向像素 ,如华为mate 9 屏幕分辨率就是 1920*1080 。小米mix  屏幕分辨率是 2040*1080。

     

    3,像素密度

         屏幕像素是指每英寸上的像素点数,单位是dpi,即 “dot per inch” 的缩写,屏幕像素密度与屏幕尺寸和屏幕分辨率有关。

         像素 密度 计算方法 = 对角线的像素点数 / 屏幕尺寸 。

         这里举例 华为mate 9 像素密度计算方法 = 1920 ^2 + 1080^2 开平方 / 5.9(屏幕尺寸) =

    展开全文
  •  采用HTML5在开发移动应用程序满足各种需求Android分辨率和屏幕的平板设备密度,这是非常麻烦的过程,最终的解决方案是使用css media query,匹配相同的时间分辨率和屏幕像素密度。上进行兼容性測试,终于保证在...

             采用HTML5在开发移动应用程序满足各种需求Android分辨率和屏幕的平板设备密度,这是非常麻烦的过程,最终的解决方案是使用css media query,匹配相同的时间分辨率和屏幕像素密度。上进行兼容性測试,终于保证在多数Android平板上都能较好的显示。

     

             一个典型的针对设备的Css Media Query写法例如以下。能够保证页面高度充满屏幕,简单的设置height:100%是不行的。

    //SAMSUNG N5100, Nexus7 1,
    @media only screen
    and (min-device-height : 790px)
    and (max-device-height : 810px)
    and (-webkit-min-device-pixel-ratio: 1.3)
    and (-webkit-max-device-pixel-ratio: 1.4)
    and (orientation : landscape) {
      .nav-item{
        padding: $nav-item-iconSize + 12 3px 3px 0;
        &:before{
          top: 12px;
        }
      }
      body{
        height: 601px;
      }
      .category-content,
      .category-content-2,{
        .category-list{
          padding: 10px 10px;
          .list-item{
            margin: 10px 15px;
          }
        }
      }
    }

    以下是适配时收集的各种平板的分辨率数据,细致研究还是能发现不少问题的,能够看出假设分辨率是1280*800,屏幕密度是1.33125。那么相应css中的高度应该是600.99px。底部虚拟按键占48px。有了这些数据就能够做屏幕适配了。


    三星 N5100平板,android4.4

    07-15 11:12:56.316: E/metrics.density(23926): DisplayMetrics{density=1.33125, width=1280, height=800, scaledDensity=1.7306249, xdpi=189.02325, ydpi=188.14815}


    07-15 11:16:33.296: I/Web Console(25284): devicePixelRatio= 1.3312499523162842 screen.width=1280 screen.height=800  window.outerWidth1280:79


    三星 GT-5110

    07-22 10:06:13.662: E/metrics.density(3438): DisplayMetrics{density=1.0, width=1280, height=752, scaledDensity=1.0, xdpi=149.82489, ydpi=149.41176}


    07-22 10:06:17.037: I/Web Console(3438): devicePixelRatio= 1 screen.width=1280 screen.height=800  window.outerWidth1280:89



    华为Media pad 10 fhd


    07-22 12:12:34.501: E/metrics.density(29949): DisplayMetrics{density=1.5, width=1920, height=1128, scaledDensity=1.9499999, xdpi=224.73732, ydpi=224.11765}


    07-22 12:12:36.824: I/Web Console(29949): devicePixelRatio= 1.5 screen.width=1920 screen.height=1200  window.outerWidth1920 at file:///android_asset/www/js/app.js:89


    联想 S5100

    07-22 14:07:45.107: E/metrics.density(2541): DisplayMetrics{density=1.3312501, width=1280, height=736, scaledDensity=1.3312501, xdpi=213.0, ydpi=213.0}


    华为X1

    07-23 13:41:30.180: E/metrics.density(13387): DisplayMetrics{density=2.0, width=1824, height=1200, scaledDensity=2.0, xdpi=324.255, ydpi=322.966}


    07-23 13:41:32.870: I/Web Console(13387): devicePixelRatio= 2 screen.width=1200 screen.height=1920  window.outerWidth1824 at file:///android_asset/www/js/app.js:89


    版权声明:本文博主原创文章,转载请保留源http://blog.csdn.net/offbye

    展开全文
  • 屏幕分辨率、设备像素(device-width)CSS像素(width)这些术语,在很多语境下...当设备屏幕ZOOM=100%的时候,浏览器CSS像素尺寸设备像素相等,而当像素密度(pixel density)为1的时候,屏幕分辨率和设备像素相等。

    概述

    屏幕分辨率、设备像素(device-width)和CSS像素(width)这些术语,在很多语境下,是可互换的,但也因此容易在有差异的地方引起混淆,实际上它们是不同的概念。

    屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的概念;屏幕分辨率和设备像素的差别在于设备像素显示密度。

    当设备屏幕ZOOM=100%的时候,浏览器CSS像素尺寸和设备像素相等,而当像素密度(pixel density)为1的时候,屏幕分辨率和设备像素相等。

    响应式设计

    在响应式设计中,使用了viewport,device-width,media query,width这些概念,web程序员需要准确理解其中的细微差异。

    media query来探测屏幕尺寸,device-width以设备像素计算屏幕宽度,width以CSS像素计量总的页面宽度(在iPhone中,最小为980px)。

    viewport指的是浏览器通过宽度比例来计算元素尺寸的一块区域,通常比屏幕大一点。

    而如下meta标签,将使得viewport区域适配于设备像素宽度(在iPhone中,一般为320px)。

    <meta name="viewport" width="device-width">

    在没有使用meta标签前,以踏得网在iPhone5上为例,页面看起来会是这样的(计算元素尺寸时使用了较大的CSS像素宽度):


    显然是因为把640px的内容压缩到了320px物理屏幕上来显示而导致的问题。

    而添加meta标签后,变为如下正常显示(计算元素尺寸时使用了设备像素):


    iPhone4的特例

    苹果iPhone4采用了新的显示技术,宣称640px的分辨率,但需要注意的是,其实际设备像素宽度仍然是320px,

    有些设备在media query时返回的是屏幕分辨率而不是设备像素宽度,这些情况导致了网页设计上的不一致。

    解决方案和DIPS

    Google引入了一个dips(device-independent pixels)的中间概念,web开发人员只需要处理DIPS,究竟屏幕能显示多少内容,而无需关心实际屏幕分辨率,这是好的技术方向,将有助于消除新的硬件显示技术给media query编程带来的混乱。


    by iefreer

    展开全文
  • 1.手机的分辨率 像素 密度和 屏幕尺寸是我们经常听到的字眼,它们之间的关系如下: 分辨率是指屏幕上有横竖各有多少个容器点,每个容器点是用于容纳一个像素的。 像素严格来说是指用于图片上的,图片上的像素点越...
  • Android设备体系庞大,种类繁多,屏幕大小和分辨率五花八门,为了能产出适应性强的APP,有必要了解屏幕适配的基本知识,现进行整理。 屏幕尺寸:指屏幕的对角线长度,单位是英寸,1英寸等于2.54厘米,常见尺寸有2.4...
  • 在出现iphone4之前的相当长的时间内,网站开发人员设计人员从来没有为像素苦恼过。那时候,设计人员打开photoshop,选择 “实际...也不知道乔布斯是不是第一个在广泛使用的设备上使得“浏览器上声明的屏幕像素”...
  • 屏幕尺寸 5.1寸屏,这不是已经告诉你屏幕有...三 像素密度分辨率和屏幕尺寸相关。单位英寸上包含的像素点个数; dpi = 屏幕对角线上的像素点个数 / 屏幕尺寸 四 px 计量单位。 五 dip 衡量密度的一个...
  • Android获取分辨率和像素密度

    千次阅读 2017-03-20 14:42:31
    1.如何获取分辨率和像素密度 2..实现代码如下 DisplayMetrics localDisplayMetrics = new DisplayMetrics(); try { Display localDisplay = getWindow().getWindowManager().getDefaultDispl
  • 分辨率像素密度和屏幕尺寸的关系(换算) 手机的分辨率 像素 密度和 屏幕尺寸是我们经常听到的字眼,它们之间的关系如下: 分辨率是指屏幕上有横竖各有多少个容器点,每个容器点是用于容纳一...
  • 什么是屏幕像素密度? 一英寸长的一条线上理论上会有多少个像素点; 例如:一个手机长边有1920个像素点,短边有1080个像素点,屏幕大小(对角线的物理大小)是5.2英寸的,那么屏幕密度是怎么计...
  • android有四种分辨率,ldpi (low), mdpi (medium), hdpi (high), and xhdpi ...从官网上看,对应的屏幕尺寸实际密度为下图,怎么通过分辨率计算其像素密度?  ___________ 公式及其简单, dpi=(√ 长*长+宽*宽 )/
  • 像素和分辨率

    2016-05-03 10:30:00
    1、图片分辨率:指的是每英寸图片内的像素点数,分辨率越高,像素的点密度越大,图像也就越逼真。 2、屏幕分辨率屏幕分辨率指的是屏幕每行的像素点数*每列的像素点数,每一个屏幕都有自己的分辨率分辨率越高...
  • Android将屏幕像素密度(DPI)分成四个基本密度:lDPI(低),mDPI(中等),hDPI(高)以及xhDPI(特高)。Android开发人员一般不考虑屏幕的分辨率,而是它的密度。Android应用开发者在定义布局的UI时,会以密度...
  • density值表示每英寸有多少个显示点,与分辨率是两个不同的...density=120时 屏幕实际分辨率为240px*400px (两个点对应一个像素) density=160时 屏幕实际分辨率为320px*533px (三个点对应两个像素) density=...
  • 一种描述显示器一般信息的结构,如大小、密度和字体缩放。 //DisplayMetrics初始化 displaymetrics metrics=new displaymetrics(); getWindowManager().getDefaultDisplay().getMetrics(metrics); 宽度 public...
  • 展开全部显示分32313133353236313431303231363533e58685e5aeb931333365656531辨...而在屏幕尺寸一样的情况下,分辨率越高,显示效果就越精细细腻。分辨率数值的解释出于方便交流的原因,业界也常常以图像水平方向...
  • 关于像素和分辨率总结

    千次阅读 2018-07-29 10:55:28
    关于像素和分辨率总结   1、像素:每张照片的像素总点数,决定照片的实际大小。 2、通俗的分辨率=屏幕分辨率=像素=每张(帧)照片的像素总点数(比如:1920*1080=200万像素,4k视频=3840*2160=800万像素),我们...
  • 要想知道屏幕的基本信息,就要先获取一个基本的类(DisplayMetics),这个对象存放着当前的窗口的一些通用信息,如显示大小,分辨率和字体等等。 如何获取DisplayMetics对象: DisplayMetrics display= new ...
  • 获取手机_平板等Android设备的屏幕信息 apk 代码 截图 android设备直接安装 包括图片素材存放目录 宽高像素dp 屏幕密度 屏幕dpi 屏幕长宽比 以及安卓各个密度屏幕的dpi dp_px换算 代表分辨率.rar,太多无法一一验证...
  • 1、分辨率和屏幕密度的区别 (1)分辨率 显示分辨率屏幕所能显示的像素有多少。 显示分辨率一定的情况下,显示屏越小图像越清晰,反之,显示屏大小固定时,显示分辨率越高图像越清晰。 图像分辨率 指...
  • 网上关于这类的资料很多,本人把常用的一些方法整理出来,方便大家一起使用关于获得手机分辨率和像素密度方法1.int dp = Resources.getSystem().getDisplayMetrics().densityDpi;//像素密度 int widthPixels = ...
  • android设备更新速度如此之快,一些如三星...这个就一个很重要的概念有关,就是像素密度,也即ppi(关于另一个概念dpi的理解,其实两者表达的意思大致一样),另一个硬件提升的部分就是cpu的处理能力(包括图像输出处
  • ① 解释 屏幕尺寸, 长宽比, 像素, 设备独立像素, 密度...⑤ 详解归一化密度 精确物理密度之间的差别, 归一化密度用于计算像素个数, 精确密度用于计算物理尺寸; ⑥ Android中res目录下的drawable layout等资源的适配;

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 718
精华内容 287
关键字:

屏幕像素密度和分辨率