屏幕大小

一、分辨率 分辨率就是屏幕上显示的像素个数，分辨率160×128的意思是水平方向含有像素数为160个，垂直方向像素数128个。屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。 二、屏幕尺寸 设备的物理屏幕尺寸。 所谓屏幕尺寸指的是屏幕对角线的长度，单位是英寸。 然而不同的屏幕尺寸是可以采用相同的分辨率的，而它们之间的区别在与密度（density）不同。 三、屏幕密度 屏幕密度与DPI这个概念紧密相连，DPI全拼是dots-per-inch,即每英寸的点数。也就是说，密度越大，每英寸内容纳的点数就越多。（ 打印分辨率 （每英寸所能打印的点数，即打印精度） ） android.util包下有个DisplayMetrics类可以获得密度相关的信息。 最重要的是densityDpi这个成员，它有如下几个常用值： DENSITY_LOW = 120 DENSITY_MEDIUM = 160 //默认值 DENSITY_TV = 213 //TV专用 DENSITY_HIGH = 240 DENSITY_XHIGH = 320 DENSITY_400 = 400 DENSITY_XXHIGH = 480 DENSITY_XXXHIGH = 640 Android主要有以下几种屏：如下表 幕 Tyep 宽度 Pixels 高度 Pixels 尺寸 Range(inches) 屏幕密度

一、基本概念 dip ： Density independent pixels ，设备无关像素。 dp ：就是dip px ： 像素 dpi ：dots per inch ， 直接来说就是一英寸多少个像素点。常见取值 120，160，240。我一般称作像素密度，简称密度 density ： 直接翻译的话貌似叫 密度。常见取值 1.5 ， 1.0 。和标准dpi的比例（160px/inc） 分辨率 ： 横纵2个方向的像素点的数量，常见取值 480X800 ，320X480 屏幕尺寸： 屏幕对角线的长度。电脑电视同理。 屏幕比例的问题。因为只确定了对角线长，2边长度还不一定。所以有了4：3、16：9这种，这样就可以算出屏幕边长了。 二、应用 　　在android里面，获取一个窗口的metrics，里面有这么几个值 　　　　metrics.density; 　　　　 metrics.densityDpi; 　　densityDpi ： 就是我们常说的dpi。 　　density ： 其实是 DPI / (160像素/英寸) 后得到的值。是不是有点奇怪，因为我带了单位。。。这个涉及到后面一个比较重要的东西，后面再说。 　　从上面就看得出了，DPI本身的单位也是 像素/英寸，所以density其实是没单位的，他就是一个比例值。 　　而dpi的单位是 像素/英寸，比较符合物理上面的密度定义

3 月，跳不动了？>>> 先来罗列下学习移动页面重构的过程中可能看到过迷糊过放弃过的一些单位： px、pt、pc、sp、em、rem、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi…… 接下来分类给大家介绍下： ① 什么是绝对长度单位？什么是相对长度单位？ ② 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ ③ 什么是ppi、dpi、dp、dip、sp、px？他们之间的关系是什么？ ④ 什么是mdpi、hdpi、xdpi、xxdpi？如何计算和区分？ 1、什么是绝对长度单位？什么是相对长度单位？ 绝对长度单位：in（inch英寸）、cm（厘米）、mm（毫米）、pt（磅）、pc（pica）。in、cm、mm和实际中的常用单位完全相同。pt是标准印刷上常用的单位，72pt的长度为1英寸。pc也是印刷上用的单位，1pc的长度为12磅。绝对长度单位，虽然理解起来很容易，但是在网页的设计中很少用到。所以我们就忽略它们吧。 2、什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕尺寸： 指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。 屏幕分辨率： 指在横纵向上的像素点数，单位是px，1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率，如1960*1080。

大家好，我们是逆战班的，接下来讲解的是什么是移动端布局 百分比弹性布局： 移动端页面基本上和web端区别不大 但要考虑到 移动端屏幕尺寸不大并且都是全屏布局 而且 屏幕尺寸都不一样 所有不能使用网页的固定尺寸来布局 需要使用百分比来布局 移动端布局的优缺点 优点： 移动端基本都兼容h5 css3 所有可以放心的去使用css3的样式来布局 移动端页面一般都不大 所以标签使用的并不多 相对一个一面开发时间没web端长 缺点 移动端宽高尺寸不同 因此测量尺寸成为了一个难题 无法非常精确的写尺寸 新单位 rem rem是永远获取html的font-size值 然后通过js获取屏幕尺寸 制定出一个系数 去改变html的font-size值 w,vh 永远获取屏幕宽高 100vw=屏幕的宽度 1vw=1%屏幕尺寸 这样更直观的获取百分比 但是少部分手机不支持 所以需要自己把控 要移动端尺寸显示正常需要加上以下meta 流式布局： 流式布局，顾名思义就是流动的布局，随着屏幕窗口的大小页面的内容像水一样的流动，但不影响整体的布局。 简单的来说就是百分比布局，非固定像素，内容向两侧填充的一种布局。 但是目前使用流式布局的公司非常多，比如 亚马逊 、京东 、携程 好处： 大屏幕下显示更多的内容。 坏处：宽屏下比例会有一些不协调。 rem布局 rem布局，宽高自适应

隐藏元素 要隐藏元素，只需使用.d-none类或其中一个.d-{sm,md,lg,xl}-none类进行任何响应式屏幕变化。 显示元素 要仅在给定的屏幕尺寸间隔上显示元素，您可以将一个.d- -none类与一个.d- -*类组合在一起，例如，.d-none .d-md-block .d-xl-none将隐藏所有屏幕尺寸的元素，中型和大型设备除外。 来源： https://www.cnblogs.com/wenr-one/p/12495945.html

　　　　遇到一个问题，我的地图浮标图片在WVGA手机上正好，在QVGA上就显的太大，所以我要根据屏幕的不同调整浮标的大小使其在QVGA大小合适。有的同事提出了依据分辨率来区分不同的屏幕，但是单WVGA就支持好几种不同的分辨率，QVGA又支持好几种。。。而且更神奇的时候，有时候，通过代码获取屏幕分辨率竟然得到了 320 x 427 ,Android文档是不支持这种分辨率的，所以依据分辨率来区分不同的屏幕是行不通的。 　　　　还好通过仔细研读文档，“各种VGA的density是不同的，（hdpi: 240 , ldpi: 120 , mdpi: 160 , xhdpi: 320）”， 所以只要求出不同屏幕的density，就可以知道该手机属于的屏幕类型。 首先是几个基本概念： 1.屏幕尺寸Screen size 即显示屏幕的实际大小，按照屏幕的对角线进行测量。 为简单起见，Android把所有的屏幕大小分为四种尺寸：小，普通，大，超大(分别对应：small, normal, large, and extra large). 应用程序可以为这四种尺寸分别提供不同的自定义屏幕布局-平台将根据屏幕实际尺寸选择对应布局进行渲染，这种选择对于程序侧是透明的。 2.屏幕长宽比Aspect ratio 长宽比是屏幕的物理宽度与物理高度的比例关系

最近在看Android群英传这本书，书中有一节涉及到了，屏幕尺寸与单位。觉得以后可能会用到，做个笔记。 PPI(pixels per inch) ，又称为DPI，它是由对角线的像素点数除以屏幕的大小得到，通常达到400PPI就已经是非常高的屏幕了。 Android系统定义了几个标准的DPI值，作为手机的固定DPI 密度 ldpi mdpi hdpi xhdpi xxhdpi 密度值 120 160 240 320 480 分辨率 240X320 320X480 480X800 720X1280 1080X1920 Android系统使用mdpi即密度值为160的屏幕作为标准，在这个屏幕上1px=1dp 在各个密度值中的换算比例：3:4:6:8:12 单位转换 px转换为dip或dp public static int px2dp(Context context, float px) { final float scale = context.getResources().getDisplayMetrics().density; return (int)(px/scale+0.5f); } dp或dip转换为px public static int dp2px(Context context, float dp) { final float scale = context

随着苹果产品的增多，屏幕尺寸的分类也越来越多，我们在编写程序时如何让自己的app适应苹果的不同类型的屏幕尺寸呢？ 苹果公司给出的一个解决方案时，提出了一个点（point）的概念。在3gs中一个点对应一个像素，4（s）中一个点对应两个像素。在ios开发中以点作为单位更加方便，如下表中@1x就是一个点对应一个像素，@2x就是一个点对应两个像素，以此类推。每英寸有多少个像素，成为ppi。由于文字和颜色是矢量数据，将像素放大后不会出现变形，但是当图片会发生畸变，因此，我们在设计app时需要放入不同尺寸的图片（一倍图，二倍图等），保证app的图片不失真。 设备 对角线尺寸 逻辑分辨率 scale factor 设备分辨率 3GS 3.5 320*480 @1x 320*480 4(S) 3.5 320*480 @2x 640*960 5(S) 4 320*568 @2x 640*1136 6 4.7 375*667 @2x 750*1334 6Plus 5.5 414*736 @3x 1080*1920 来源： https://www.cnblogs.com/moxuexiaotong/p/4870852.html

<script type="text/javascript"> $(function () { var imglist = document.getElementsByTagName("img"); //安卓4.0+等高版本不支持window.screen.width，安卓2.3.3系统支持 var _width; doDraw(); window.onresize = function () { //捕捉屏幕窗口变化，始终保证图片根据屏幕宽度合理显示 doDraw(); } function doDraw() { _width = window.innerWidth; for (var i = 0, len = imglist.length; i < len; i++) { DrawImage(imglist[i], _width); } } function DrawImage(ImgD, _width) { var image = new Image(); image.src = ImgD.src; image.onload = function () { //限制，只对宽高都大于30的图片做显示处理 if (image.width > 30 && image.height > 30) { if (image.width > _width) { ImgD.width =

官方地址：http://developer.android.com/guide/practices/screens_support.html 一、关于布局适配建议 1、不要使用绝对布局 2、尽量使用match_parent 而不是fill_parent 。 3、能够使用权重的地方尽量使用权重（android:layout_weight） 4、如果是纯色背景，尽量使用android的shape 自定义。 5、如果需要在特定分辨率下适配，可以在res目录上新建layout-HxW.xml的文件夹。比如要适配1080*1800的屏幕（魅族MX3采用此分辨率）则新建layout-1800x1080.xml的文件夹，然后在下面定义布局。Android系统会优先查找分辨率相同的布局，如果不存在则换使用默认的layout下的布局。 二、术语和概念 四种屏幕尺寸分类：: small, normal, large, and xlarge 四种密度分类: ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high) 需要注意的是: xhdpi是从 Android 2.2 (API Level 8)才开始增加的分类. xlarge是从Android 2.3 (API Level 9)才开始增加的分类. DPI是“dot per inch