最近在项目测试中，发现了关于Qt - UI分辨率自适应的问题。从大小屏幕互相切换的问题。也引发了关于屏幕检测的问题。其中关于字体还有图片的自适应，需要在QApplication,初始化完成之后在进行配置。
前端同学通常都用媒体查询或 rem 做多端适配，但是在 Cocos 上 CSS 不复存在。那你知道在 Cocos 上如何做到多端适配吗？本文从需求背景出发，带你领略Cocos的多端适配之道～ 背景 某一天接到了新需求，自己看了设计同学给的设计稿后瞬间感觉头大，分析了下主要有以下难点： 题目背景需为同一张背景图，在不同端上要显示背景图的不同区域 标题栏上的倒计时、题干与最小化按钮的贴边距离在各端各不相同 选项背景图需根据选项长度自动拉伸，同时保证两侧圆角不被拉伸 如果这种适配方案采用CSS实现的话，肯定
表示沿着对角线，每英寸所拥有的像素（pixel）数目，PPI的数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高，颗粒感越弱，图像更清晰。
自Android系统发布以来，似乎一直绕不开屏幕适配这个话题。毫无疑问，Android系统能发展到今天，离不开其开放性，而随着国内手机厂商的崛起，任何用户、开发者、OEM厂商、运营商都可以对Android进行定制，于是导致长期以来一直诟病的碎片化严重的问题。
最近出了很多新机，很多人在购买前会详细查看手机参数，其中“分辨率”这一项让不少人一头雾水，究竟手机分辨率是什么？对我们的使用体验有什么影响？是不是分辨率越高越好？
Android开发为适配不同屏幕需要在资源文件中添加多套图片或者多套布局文件，这篇文章讲解多套图片。
所见不一定即所得 眼睛是心灵的窗户，也是蒙蔽你的一种途径。 假设，我给你一张图片，你觉得肉眼可以观察到全部的细节吗？ 屏幕上一张清晰的图片 肉眼在屏幕上看到图片的清晰度由三个因素决定，一是图片像素本
在客户端开发的过程中免不了要接触的就是像素，屏幕分辨率，这些概念是比较常见的，但很多时候真的就只是用而已，并不知道他们到底是一种什么关系，想起之前做看图的时候，经常就会遇到一些很有意思的图片文件，那个时候就研究了一下这几个概念。近来突然想起，就记录一下。
通过前面几期的学习，我们知道了Android的前世今生，也了解了Android的系统架构和应用组件，也连续用了几期来学习Android开发环境的搭建，不过主要是使用的Eclipse + ADT的方式。 由于大家在学习Java的时候应该对Eclipse非常熟练了，接下来关于Eclipse就不做过多说明了，从本期开始我们主要以Android Studio开发环境为基础，先来学习如何下载安装Android Studio吧。 一、系统要求 之前我们也大致了解过一些有关Android Stud
由于手机屏幕尺寸过小，使用原始分辨率会使得页面显示过小，因此使用了逻辑分辨率，用倍数放大的方法来保证兼容性。
--------------- iPhone ---------- -------- iPad ------------
苹果Mac电脑如何修改屏幕分辨率呢？switchresx推荐给大家，这是一款非常实用的Mac屏幕分辨率修改器，使用它可以轻松地将您的屏幕分辨率与任何应用程序或使用的最佳匹配。
SwitchResX mac版是Macos上一款屏幕分辨率修改工具，支持各种苹果电脑和黑苹果电脑，轻松修改电脑屏幕分辨率，让您的屏幕分辨率达到您满意的效果。可以将Mac与电视的分辨率相匹配，欣赏DVD或高清电影和视频。
当美工给的设计图尺寸是 720 x 1280 时 , 应该将素材放在 res/mmap-xhdpi 目录下 , 放在其它目录下会出现失真的情况 ;
什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 什么是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等。 屏幕分辨率： 屏幕分辨率是指在横纵向上的像
switchresx mac是一款非常实用的Mac屏幕分辨率修改器，能够简单快速的更改Mac显示屏的分辨率，将Mac的内容显示在不同的屏幕上。switchresX mac版以其简洁明了的操作界面、简单轻巧和实用方便等特性深受Mac用户的喜爱。
链接：https://pan.baidu.com/s/1CCfQu7MBLzdYgHOrIrdfYA 提取码：7t5b
pt与px pt称为逻辑分辨率 pt大小与屏幕分辨率有关系，简单可以理解为长度与视觉单位 px是指物理分辨率，与屏幕尺寸没有关系 小程序中的rpx 屏幕分辨率 以iphone6的物理像素750*133
我们知道，屏幕分辨率的设置影响着表单布局，假设你的机器上屏幕分辨率是800*600，而最终 要分发应用的机器分辨率为640*480，或1024*768，这样你原先设计的表单在新机器上势必会 走样。这时你一定希望表单能自己适应不同的分辨率，下面就有两种方法可供你参考。
OK113i-S 是一个优秀的开发板，支持lvds 单8，双8显示，最大分辨率1280x800
SwitchResX for Mac最新版是一款屏幕分辨率修改器，SwitchResX for Mac软件能够非常方便快速的帮助您更改Mac显示屏的分辨率。
我们知道，如今的移动端设备分辨率五花八门，而开发过程中往往只取一种分辨率作为设计参考，例如采用1920*1080分辨率作为参考分辨率。
以minifun.cn为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是什么设备。
作为一个测试工程师，经常被一些难以复现的bug困扰很久，理论上不可能出现，但线上确实又有很多用户反馈，比如小编前段时间碰到了一个比较有意思的bug，涉及到一些Android版本变更引发的问题，在这里和大家分享一下：
如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型，因此你需要考虑影响你的页面在Android设备上展示的一些因素。
以minifun.cn为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122×160，这应该是手机；最大的分辨率是3360×1050，天知道是什么设备。
SwitchResX mac版是Macos上一款屏幕分辨率修改工具，支持各种苹果电脑，可以修改电脑屏幕分辨率，还可以将Mac与电视的分辨率相匹配，欣赏DVD或高清电影和视频。
随着移动端H5需求场景越来越多，例如微信公众号中H5页面的开发，APP中内嵌H5页面等，移动端H5开发基础知识和技巧是前端开发工程师必备的技能~
通过QDesktopWidget的screenGeometry方法获取多个屏幕的分辨率 获取QDesktopWidget QDesktopWidget类提供了对多屏幕信息的访问 QDesktopWidget *desktopWidget = QApplication::desktop(); 使用screenGeometry方法获取分辨率 接口方法 const QRect QDesktopWidget::screenGeometry(int screen = -1) const 获取默认屏幕分辨率 QRect
新装完Ubuntu 16.04 LTS 通过System settings-->Displays 设置屏幕分辨率 显示“Unknown display”，选择后无反应，并且屏幕大小不会改变，无法通过设置改变屏幕分辨率
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中： document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 没有定义W3C的标准，则 IE为： document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） Opera为： document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
IT行业的迅猛发展逼迫着我们不断的适配各种新颖的功能，比如本文要介绍的功能——手机智能分辨率。
一般这种情况都是由于显示器分辨率过高导致，这种情况多见于，安装软件前 使用的是低分辨率显示器，然后更换高分辨显示器后由于软件原来适应的是低分辨率，所以导致无法及时更改过来。
adb start-server 启动adb 服务，基本不会用到，因为只要设备连接正确，会自动启动adb server
一般重装完系统时，我们都会调整屏幕的分辨率，但是有用户反映，自己的Win7系统电脑却无法修改屏幕分辨率这是怎么回事呢?Win7系统电脑屏幕显示模糊却无法修改分辨率该如何解决?下面请看Win7系统电脑屏
根据现有市场占有率数据，挑选出top n款手机，溶蚀挑选部分使用较少的手机进行验证
屏幕分辨率为：screen.width screen.height 屏幕可用大小：screen.availWidth screen.availHeight 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽(包括边线的宽)：document.body.offsetWidth 网页可见区域高(包括边线的宽)：document.body.offsetHeight 网页正文全文宽：document.b
同事在处理一个监控识别功能，想直接读取监控的视频流；但看他磨了2天都没搞掂。整个项目不能拖，于是另辟途径，想到的就用监控原来的画面展示，然后对屏幕进行截取为图片再分析。说干就干。。随手就用C#写了一个屏幕图片的截取的函数。现在共享一下吧，估计以后用得上。
//获得系统屏幕分辨率 //得到当前屏幕的分辨率：Toolkit.getDafaultToolkit().getScreenSize() Toolkit t = Toolkit.getDefaultToolkit() ; Dimension size=t.getScreenSize(); //如果系统屏幕分辨率是1024*768时， //size.getWidth()的值为1024 //size.getHeight()的值为768。
正如一番在这个系列文章的（00）篇中所说，一番在做1.0版本的时候用到了一些取巧的方法，其中就包括python通过adb操作手机。
通过Js来获取所有屏幕适配的总结 <script type="text/javascript"> window.οnlοad=function(){ //document.getElementById("test").style.height="200px"; //document.getElementsByTagName('div')[0].offsetHeight='600px'; document.getElementsByTagName('div')
图片编辑策略 : 在高分辨率的电脑上可以显示全部内容 , 在低分辨率的电脑上只能显示下图红色矩形框中的内容 , 这里建议 将图片的核心内容放在 图片的中心偏上的位置 , 如下图所示的 白色矩形 范围中 ;
工作后，很多同学还是会问到app切图尺寸的问题。今天分享android和iOS的换算分析，希望能帮到工作中的你。 1.在Android的显示模式为mdpi的时候，1dp等于1px。 2.在mdpi的情况下，屏幕分辨率是320*480px。 3.在ios的分辨率模式为@x1的时候，屏幕分辨率是320*480px。（注意这时候pt和px比例是1:1） 4.因为ios在@x1时候的像素关系和Android的mdpi时候的像素关系是一样的，@x2等于mdpi的2倍，也就是xhdpi的分辨率，所以推导关系如下：
注意：如果要打包成.exe发给别，要将debug模式变成release模式即发布模式
这种布局具有很强的稳定性与可控性，也没有兼容性问题，但不能根据用户的屏幕尺寸做出不同的表现。即如果用户的屏幕分辨率小于这个宽度就会出现滚动条，如果大于这个宽度则会留下空白。
领取专属 10元无门槛券
手把手带您无忧上云
