由于手机屏幕尺寸过小，使用原始分辨率会使得页面显示过小，因此使用了逻辑分辨率，用倍数放大的方法来保证兼容性。
Phaser是一个非常好用的html5游戏开发框架，官网上是这样介绍的：“一个快速、免费并且完全开源的框架，提供Canvas和WebGL两种渲染方式，致力于增强桌面端与移动端浏览器游戏的体验”。
劣势：需加载适配各个终端的各个资源，在不同终端通过响应式布局实现不同展现，部分交互效果需要在页面中做终端判断，代价较大，若图片资源为一套，部分图片在超高分辨率设备（例如iphone系列）下会失真，且在非wifi情况下即使加了延时加载也易出现加载慢的情况。
dip 是 Desity Independent Pixels 的缩写 , 表示 密度无关像素 , dip 又可以缩写成 dp ;
本文将介绍 Windows 系统中高 DPI 开发的基础知识。由于涉及到坐标转换，这种转换经常发生在计算的不知不觉中；所以无论你使用哪种 Windows 下的 UI 框架进行开发，你都需要了解这些内容，以免不断踩坑。
老马初始学习视口的概念的时候，看了很多的文章，看来很多的资料，鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。
当美工给的设计图尺寸是 720 x 1280 时 , 应该将素材放在 res/mmap-xhdpi 目录下 , 放在其它目录下会出现失真的情况 ;
老马初始学习视口的概念的时候，看了很多的文章，看来很多的资料，鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。 1. 关于屏幕 1.1 屏幕尺寸 设备屏幕尺寸是指屏幕的对角线长度。比如：iphone6/7是4.7寸，iphone6/7p是5.5寸。 1英寸 = 2.54厘米 3.5in = 3.5*2.54cm = 8.89cm 4.0in = 4.0*2.54cm = 10.16cm 4.8in = 4.8*2.54cm = 12.192cm 5.0in = 5.
我这里有一个400px*400px的正方形 由于一英寸=326，不够放，所以要用2英寸放
WinForms 是运行在Windows上的传统.NET桌面应用技术框架。由于历史原因，它对高DPI以及跨不同DPI屏幕的支持有些问题，本文将探索尽可能的解决方案。
1 <script> 2 var phoneWidth = parseInt(window.screen.width); 3 var phoneHeight = parseInt(window.screen.height); 4 var phoneScale = phoneWidth/750;//除以的值按手机的物理分辨率 5 var ua = navigator.userAgent; 6 if (/Android (\d+\.\d+)/.test(ua)
在客户端开发的过程中免不了要接触的就是像素，屏幕分辨率，这些概念是比较常见的，但很多时候真的就只是用而已，并不知道他们到底是一种什么关系，想起之前做看图的时候，经常就会遇到一些很有意思的图片文件，那个时候就研究了一下这几个概念。近来突然想起，就记录一下。
Android开发为适配不同屏幕需要在资源文件中添加多套图片或者多套布局文件，这篇文章讲解多套图片。
Web性能调优一直是高级前端必须掌握的技能，市面上不少书简绍性能调优的书总是告诉读者一些理论性的东西，而如何去实践说的却不多，这本书不仅告诉读者Web性能优化的理论知识，同时还会告诉读者怎么用node去设置，是一本前端进阶必看的书。
控制 viewport 的大小，pixel_value表示可以指定的一个值或者特殊的值，而device-width/height为设备的宽度/高度（单位为缩放为100%时的CSS的像素）。
移动端 网页开发 与 PC 端开发有很多不同之处 , 在图片处理方向需要采用 二倍图 / 三倍图 / 多倍图 方式进行图片处理 ;
随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。
在学习 Android UI 开发的初期，经常被一些常用概念如 dp、sp 和它们与 px 的换算等虐，要避免被虐，最好的方法当然是知其所以然，再见到它们就胸中有料心不慌了。
先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，是印刷行业常用单位，等于1/72英寸。
说到移动端：可以根据开发技术分，也可以根据操作系统来分，今天重点不是这个，是讲下使用CSS与Android如何进行屏幕适配。 1.先来了解几个概念：CSS中的px,em,rem分别是啥东西？ px:像素，如果像素要换算成物理长度，需要得到dpi(每英寸像素数) em:相对长度单位，大小相对于父级节点来说， rem:是CSS3新增的一个相对单位，这个单位引起了广泛关注。相对于根元素<html>,关于兼容性的问题，除了ie8及更早的版本，其他浏览器均支持 2.Android:也有类似的单位，dp(dip),sp
对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1.首先，选取一款手机的屏幕宽高作为基准(现在一般选取iphone6的375×667)。之前项目中也用到过iphone5的320×568。 2.对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成750×1334）。
Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向 等属性 , 加载不同的屏幕适配限定符目录下的资源 ;
其中configuration.fontScale是根据系统字号改变的，默认是1，所以会遇到dp和sp混用无影响的情况。但，一旦用户改变了系统字号，有一定的缩放量，dp的为sp就原形毕露了，所以字体还是乖乖用sp，别没事找事。
分辨率就是手机屏幕的像素点数。一般为屏幕的“宽×高”，例如分辨率有720×1280的手机设备，表示此屏幕在宽度方向有720个像素点，在高度方向有1280个像素点。
当前Android 的设备多种多样，它们有着不同的屏幕尺寸和像素密度。各应用为了保证可以在各机型上展示较好的交互界面，就需要在实现阶段根据对应的尺寸单位进行兼容性开发。近期在实际项目过程中，小编接触到了一些尺寸度量单位，下面进行简单的总结。
所谓高分屏，就是在同样大小的屏幕面积上显示更多的像素点，这样可以呈现更好的可视效果的屏幕。例如，我的笔记本是15.6寸，理论上它的屏幕分辨率应该是1920 x 1080像素，但实际上我的笔记本屏幕分辨率确实2560 x 1440像素，也就是俗称的2K屏。这样的高分屏虽然实现了更加细腻的图像和更加清晰的文本，但也对软件适配带来了问题。
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。
你的 WPF 窗口是可以拖到屏幕外面去的，所以拉几个元素到屏幕外很正常。你的屏幕可能有多个。你的多个屏幕可能有不同的 DPI。你检测的元素可能带有旋转。
注：本文的目的在于理清楚一些尺寸关系，如果有表述不当，欢迎指出讨论 本文测试屏幕的长宽像素比为1,奇葩屏幕可跟根据比例自行分析 ---- 一、科普常识： 0.测试准备 手上有两个真机： oppoA77(1920*1080 5.5英寸)、 oppoR15X(2340*1080 6.4英寸) 、 再加一台模拟器(480*320 3.5英寸)仿OPPO R801 辅助：一台笔记本电脑联想Y480N(768*1366 14英寸) 和一个iPad_Air_2(2048*1536 9.7英寸) ----
最近在项目测试中，发现了关于Qt - UI分辨率自适应的问题。从大小屏幕互相切换的问题。也引发了关于屏幕检测的问题。其中关于字体还有图片的自适应，需要在QApplication,初始化完成之后在进行配置。
这些术语都是指屏幕的分辨率。 VGA：Video Graphics Array，即：显示绘图矩阵，相当于640×480 像素； HVGA：Half-size VGA；即：VGA的一半，分辨率为480×320； QVGA：Quarter VGA；即：VGA的四分之一，分辨率为320×240； WVGA：Wide Video Graphics Array；即：扩大的VGA，分辨率为800×480像素；
Android 的屏幕适配是指适配不同机顶盒 UI 框架层输出的分辨率和 dpi，而不是适配不同分辨率的电视机（电视机的适配交由机顶盒本身完成，和各个应用无关）
分辨率 屏幕上物理像素的总数。添加对多种屏幕的支持时， 应用不会直接使用分辨率；而只应关注通用尺寸和密度组指定的屏幕尺寸及密度。
是Density independent pixel的缩写，指的是抽象意义上的像素。跟设备的屏幕密度有关系。
关于屏幕适配，几乎每隔一段时间就会看见有人发出来说XXX方案，实现超级简单的适配方式等等。所以我把我目前了解过的常用的适配方案做个总结，并简单说说原理，从而让大家也初步了解各个方案的实现。（其实很多人都是看见别人写的适配方案，虽然可能实际在使用了，但是却从来没有去了解过这个方案的原理,而且遇到一些简单的坑的时候，因为不知道原理，也无法自己解决。）
什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 什么是dp、dip、dpi、sp、px？他们之间的关系是什么？ 什么是mdpi、hdpi、xdpi、xxdpi？如何计算和区分？ 题图中的每一个矩形都代表着一种Android设备。Android系统碎片化问题的严重性，让我们不得不面对屏幕适配的问题。 屏幕尺寸： 屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。 屏幕分辨率： 屏幕分辨率是指在横纵向上的像
如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型，因此你需要考虑影响你的页面在Android设备上展示的一些因素。
本文告诉大家如何修复 WPF 的 ContextMenu 在开启 PerMonitorV2 之后，在双屏不同的 DPI 的设备上，在副屏弹出的 ContextMenu 使用了主屏的 DPI 导致缩放错误的问题
发布于 2017-11-14 03:26 更新于 2017-11-14 04:49
自Android系统发布以来，似乎一直绕不开屏幕适配这个话题。毫无疑问，Android系统能发展到今天，离不开其开放性，而随着国内手机厂商的崛起，任何用户、开发者、OEM厂商、运营商都可以对Android进行定制，于是导致长期以来一直诟病的碎片化严重的问题。
上面的代码经常在我们的项目中出现。你可知其背后的处理逻辑？ 根据源码可知，上面的代码中两个方法setBackgroundResource()和setImageResource()是使用Bitmap作为过渡处理的。在运行时，上面的两个方法会使用BitmapFactory.decodeStream()方法将资源图片生成一个Bitmap，然后由这个Bitmap生成一个Drawable，最后再将这个Drawable设置到ImageView。
即像素，1px代表屏幕上一个物理的像素点；偶尔用到px的情况，是需要画1像素表格线或阴影线的时候。
1、屏幕相关概念 1.1分辨率 是指屏幕上有横竖各有多少个像素 1.2屏幕尺寸 指的是手机实际的物理尺寸，比如常用的2.8英寸，3.2英寸，3.5英寸，3.7英寸 android将屏幕大小分为四个级别（small，normal，large，and extra large）。 1.3屏幕密度 每英寸像素数 手机可以有相同的分辨率，但屏幕尺寸可以不相同， Diagonal pixel表示对角线的像素值（=），DPI=933/3.7=252 android将实际的屏幕密度分为四个通用尺寸（low，medium，high，and extra high） 一般情况下的普通屏幕：ldpi是120dpi，mdpi是160dpi，hdpi是240dpi，xhdpi是320dpi 对于屏幕来说，dpi越大，屏幕的精细度越高，屏幕看起来就越清楚 1.4密度无关的像素（Density-independent pixel——dip） dip是一种虚拟的像素单位 dip和具体像素值的对应公式是dip/pixel=dpi值/160,也就是px = dp * (dpi / 160) 当你定义应用的布局的UI时应该使用dp单位，确保UI在不同的屏幕上正确显示。 手机屏幕分类和像素密度的对应关系如表1所示 手机尺寸分布情况（http://developer.android.com/resources/dashboard/screens.html）如图所示， 目前主要是以分辨率为800*480和854*480的手机用户居多 从以上的屏幕尺寸分布情况上看，其实手机只要考虑3-4.5寸之间密度为1和1.5的手机 2、android多屏幕支持机制 Android的支持多屏幕机制即用为当前设备屏幕提供一种合适的方式来共同管理并解析应用资源。 Android平台中支持一系列你所提供的指定大小（size-specific）,指定密度（density-specific）的合适资源。 指定大小（size-specific）的合适资源是指small, normal, large, and xlarge。 指定密度（density-specific）的合适资源，是指ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high). Android有个自动匹配机制去选择对应的布局和图片资源 1）界面布局方面 根据物理尺寸的大小准备5套布局: layout(放一些通用布局xml文件，比如界面顶部和底部的布局，不会随着屏幕大小变化，类似windos窗口的title bar), layout-small(屏幕尺寸小于3英寸左右的布局）， layout-normal(屏幕尺寸小于4.5英寸左右）， layout-large(4英寸-7英寸之间）， layout-xlarge(7-10英寸之间） 2）图片资源方面 需要根据dpi值准备5套图片资源: drawable：主要放置xml配置文件或者对分辨率要求较低的图片 drawalbe-ldpi:低分辨率的图片,如QVGA (240x320) drawable-mdpi:中等分辨率的图片,如HVGA (320x480) drawable-hdpi:高分辨率的图片,如WVGA (480x800),FWVGA (480x854) drawable-xhdpi：至少960dp x 720dp Android有个自动匹配机制去选择对应的布局和图片资源。 系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。 在开发程序时为了兼容不同平台不同屏幕，建议各自文件夹根据需求均存放不同版本图片。 3、AndroidManifest.xml 配置 android从1.6和更高，Google为了方便开发者对于各种分辨率机型的移植而增加了自动适配的功能 <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:anyDensity="true"/> 3.1是否支持多种不同密度的屏幕 android:anyDensity=["true" | "false"] 如果android:anyDensity
由于市场上采用Android系统的设备种类繁多，迫使Andriod开发人员不得不做烦人的适配工作。
指实际的物理尺寸，为屏幕对角线的测量。 为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。
https://github.com/JessYanCoding/AndroidAutoSize
转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/19698511
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
