iphone分辨率

14-resolution

给你一囗甜甜゛ 提交于 2019-12-05 07:37:27
什么是像素 反转你的手 机看看背后的摄像头 ,像素是构成数码影像的 基本单元 ,通常以像素 每英寸PPI( pixels per inch)为单位来表示影像分辨率的大小。因此 ,像素指的是摄像头的分辨率 ,像素越大,意味着 光敏元件 越多,相应的成本就越大。 如同摄影的相片一样,数码影像也具有连续性的浓淡阶调,我们若把影像放大数倍,会发现这些连续色调其实是 由许多色彩相近的小方点所组 成,这些小方点就是构成 影像的最小单元——像素 。这种最小的图形单元在屏幕上显示通常 是单个的染色点 。越高位的像素,其拥有的色板也就越丰富,也就越能表达颜色的真实感。 摄像头的图像质量部分是由像 素决定的 ,大过一定尺寸再单纯拿像素来比较就没有意义了,目前主流单反摄像头像素在1000万左右,但是普通摄影及家用500万像素已足够用,因为我们使用的 显示器的分辨率有限, 一般 为1024×768至1920×1200 ,这样的分辨率如果显示像素过高的图片是,图片 会被压缩至当前屏幕的大小, 此时有的图片就会出现锐利度过高的情况而失真。 成像质量主要取决于相机的镜头,感光元件大小及质量。 像素越大,照片的分辨率也越 大, 可打印尺寸也更大, 但是。早期的摄像头都是低于100万像素的。从1999年下半年开始,200万像素的产品渐渐成为市场的主流,现在的手机普遍都是500万像素。当前的摄像头的发展趋势

移动端网页开发必须要知道的概念

家住魔仙堡 提交于 2019-12-04 14:17:49
一、viewport PC上的网页宽度一般最小都是1024像素,但是手机屏幕宽度没这么大,浏览器可视区域的尺寸最大也不超过手机屏幕宽度,如果直接显示PC版的网页的话,会挤作一团,排版什么的都会乱掉,怎么办呢?弄一个虚拟的网页显示视窗(viewport),这个视窗比浏览器可视区域大就可以把PC上的网页显示在手机屏幕上了(移动设备上的浏览器会把自己的viewport设为980或1024),这就是viewport中的第一个概念,layout-viewport。 layout-viewport使得PC网页可以在手机浏览器上显示,但是layout-viewport比浏览器可视区域大,因此浏览器会出现滚动条,这就产生了另一个概念,visual-viewport visual-viewport 的宽度等于浏览器的宽度,让viewport等于浏览器宽度,会自动压缩网页,这样就可以显示PC版的网页又不会出现滚动条了。 现在PC版网页在屏幕上能正常显示了,但是用户体验不好,因为压缩得厉害,只能不停的放大页面,看完再缩小,用户体验很太差,很多公司为了解决用户体验问题,会针对手机端开发了专用的H5版本。 但是在手机上又存在逻辑分辨率和物理分辨率不同的情况,以iphone为例,从iphone4开始,出现了所谓的高清屏,即物理分辨率与逻辑分辨率不同。 物理分辨率与逻辑分辨率的不同,会导致显示效果的不同

浅谈响应式Web设计与实现思路

社会主义新天地 提交于 2019-12-03 13:08:37
是否还在为你的应用程序适配PC端,移动端,平板而苦苦思索呢,是否在寻找如何一套代码适配多终端方式呢,是否希望快速上手实现你的跨终端应用程序呢,是的话,那就看过来吧,本文阐述响应式UI设计相关理论基础,包括:屏幕尺寸,物理,设备独立,CSS像素,dpr,视口等相关概念,还有响应式设计基础,常见设计模式,及响应式UI实现基本思路,希望能加深对响应式的理解和实践思路。 欢迎访问我的个人博客 响应式(Responsive) 响应式是什么呢?顾名思义,响应式,肯定会自动响应,响应什么?应用程序是在终端屏幕窗口中展示给用户,被用户访问的,那么就是响应屏幕的变化,不同终端屏幕尺寸大小不一致,需要针对不同尺寸屏幕进行不同的展示响应。 响应式(Responsive web design, RWD) ,是指一套应用程序用户界面(User Interface)能自动响应不同设备窗口或屏幕尺寸(screen size)并且内容,布局渲染表现良好。 自适应(Adaptive) 在响应式设计(RWD)之外,还有一种适配多设备屏幕的方式, 自适应设计(Adaptive web design, AWD) 。 自适应设计(AWD),是指一个应用程序使用多版本用户界面,针对不同设备屏幕,服务器端返回不同版本用户界面,供用户访问。 自适应vs响应式 自适应和响应式设计的不同主要概括如下: 自适应是多套用户界面

Unity 手机屏幕适配

夙愿已清 提交于 2019-12-03 06:34:46
////如有侵权 请联系我进行删除 email:YZFHKM@163.com 1、游戏屏幕适配 屏幕适配是为了让我们的项目能够跑在各种电子设备上(手机,平板,电脑) 那么了解是适配之前首先要了解两个知识点: 1-1、什么是像素? 单位面积中构成图像的点的个数。 特点:单位面积内的像素越多,分辨率越高,图像的效果就越好。 1-2、什么是分辨率? 分辨率可以从显示分辨率与图像分辨率两个方向来分类。 示分辨率(屏幕分辨率)是屏幕图像的精密度,是指显示器所能显示的像素有多少.分辨率的单位有:(dpi点每英寸)、lpi(线每英寸)和ppi(像素每英寸)。 特点: 图像的分辨率越高,所包含的像素就越多,图像就越清晰,印刷的质量也就越好。 同时,它也会增加文件占用的存储空间。 1-3、移动设备分辨率 –以iphone 为例 Paste_Image.png 2、什么是适配? 什么是适配? 适应、兼容各种不同的情况 游戏开发中,适配的常见种类 ¤系统适配 针对不同版本的操作系统进行适配,例如Unity3D 5.4系统 ¤屏幕适配 针对不同大小的屏幕尺寸进行适配,例如Iphone5s,iphone7 iPhone的尺寸 3.5inch、4.0inch、4.7inch、5.5inch iPad的尺寸 7.9inch、9.7inch 屏幕方向 竖屏 横屏 3、Unity3D 中的屏幕分辨 3-1.

屏幕适配技术查阅资料汇总

橙三吉。 提交于 2019-12-03 00:01:39
Android 平板上开发应用的一点心得 —— 精确适配不同的 dpi 和屏幕尺寸 一、引言   Android的开源使厂商无需自行研发OS,大大降低了研发、生产的成本,使得Android平板品牌如雨后春笋般爆发,山寨机厂商们似乎又找到了一丝希望。与此同时带来的是广大开发者的苦不堪言,各种神奇的小板儿考验着app的兼容性,各种定制的rom不经意间就让app崩溃,光是界面上的调整就已经够你喝一壶了,是不? 二、适配可行性   早在Android设计之初就考虑到了这一点,为了让app适应标准or山寨屏幕,google已经有一套成熟的解决方案。其中,有这么几个指标需要注意:   (1)屏幕尺寸:单位inch,指的是屏幕对角线长度。   (2)屏幕密度:单位dpi,指的是每inch上可以显示多少像素点即px。   (3)屏幕分辨率:单位px * px,指的是一屏显示多少像素点。   (4)屏幕无关像素:单位dp/dip,指的是自适应屏幕密度的像素,用于指定控件宽高。   (5)刻度无关像素:单位sp,指的是自适应字体的像素,用于指定文字大小。   以我自己的Haier W910超级战舰(宽高比16:9)为例,上述单位的换算如下:   已知数据:屏幕尺寸4.5, 分辨率1280 * 720, 屏幕密度320   (1)16:9的4.5寸屏幕由勾股定理计算其高约为3.9寸,宽约为2.2寸   

屏幕尺寸、分辨率等

大城市里の小女人 提交于 2019-12-01 05:13:19
项目中有遇到一个关于大屏幕适配的问题, 本来以为大屏幕的分辨率会很高,结果却只有 960 很是奇怪 尺寸 英寸 常用的长度单位 有xxx英寸 英寸转化为厘米为 1英寸(inch)= 2.54厘米(cm) 而我们说的手机是xxx英寸的 这个长度指的是手机屏幕对角线的长度 你可以直接用尺子量出几厘米然后将其转化为英寸的单位 分辨率 手机的分辨率一般是xxx px 比如iPhone5的分辨率是 320px 这里px是像素 因此分辨率的单位就是像素 比如我们平时使用的设计稿为 750px 这里就是在有750个像素中的UI设计 屏幕像素密度 屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI 注意 每英寸并不是每平方英寸的简称 这个英寸跟之前手机屏幕的尺寸一样,也是对角线的长度 屏幕像素密度就是一个对角线长度为1英寸的正方形内所拥有的像素数 屏幕像素密度,分辨率,屏幕尺寸的关系是什么 像素的大小是固定的吗 iPhone 华为荣耀6手机参数 手机型号 实际尺寸 屏幕分辨率 屏幕像素密度PPI iPhone7 plus 5.5英寸 1920 * 1080 px 401 PPI 华为荣耀 5.2英寸 1920 * 1080 px 424 PPI 这两个手机的分辨率都是1920px*1080px。 但是,苹果手机的屏幕尺寸比华为荣耀7大了0.3英寸。而苹果手机的屏幕像素密度(PPI

屏幕尺寸、分辨率等

余生长醉 提交于 2019-12-01 05:09:53
项目中有遇到一个关于大屏幕适配的问题, 本来以为大屏幕的分辨率会很高,结果却只有 960 很是奇怪 尺寸 英寸 常用的长度单位 有xxx英寸 英寸转化为厘米为 1英寸(inch)= 2.54厘米(cm) 而我们说的手机是xxx英寸的 这个长度指的是手机屏幕对角线的长度 你可以直接用尺子量出几厘米然后将其转化为英寸的单位 分辨率 手机的分辨率一般是xxx px 比如iPhone5的分辨率是 320px 这里px是像素 因此分辨率的单位就是像素 比如我们平时使用的设计稿为 750px 这里就是在有750个像素中的UI设计 屏幕像素密度 屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI 注意 每英寸并不是每平方英寸的简称 这个英寸跟之前手机屏幕的尺寸一样,也是对角线的长度 屏幕像素密度就是一个对角线长度为1英寸的正方形内所拥有的像素数 屏幕像素密度,分辨率,屏幕尺寸的关系是什么 像素的大小是固定的吗 iPhone 华为荣耀6手机参数 手机型号 实际尺寸 屏幕分辨率 屏幕像素密度PPI iPhone7 plus 5.5英寸 1920 * 1080 px 401 PPI 华为荣耀 5.2英寸 1920 * 1080 px 424 PPI 这两个手机的分辨率都是1920px*1080px。 但是,苹果手机的屏幕尺寸比华为荣耀7大了0.3英寸。而苹果手机的屏幕像素密度(PPI

android多分辨率多屏幕密度下UI适配方案

人走茶凉 提交于 2019-11-30 08:36:56
前言 Android 设计之初就考虑到了 UI 在多平台的适配,它本身提供了一套完善的适配机制,随着版本的发展适配也越来越精确, UI 适配主要受平台两个因素的影响:屏幕尺寸(屏幕的像素宽度及像素高度)和屏幕密度,针对不同的应用场景采用的适配方案也不一样,此文档仅针对 Android4.0 及以下版本 相关概念 分辨率: 整个屏幕的像素数目,为了表示方便一般用屏幕的像素宽度(水平像素数目)乘以像素高度表示,形如 1280x720 ,反之分辨率为 1280x720 的屏幕,像素宽度不一定为 1280 屏幕密度: 表示单位面积内的像素个数,通常用 dpi 为单位,即每英寸多少个像素点 px : 长度单位,以具体像素为单位 dp : 长度单位,与具体屏幕密度无关,显示的时候根据具体平台屏幕密度的不同最终转换为相应的像素长度,具体转换规则是 : 1dp = (目标屏幕密度 / 标准密度) *px, 标准密度为 160dpi ,例如, 1dp 长度在密度为 160dpi 的平台表示一个像素的长度,而在 240dpi 的平台则表示 1.5 个像素的长度 屏幕尺寸: 屏幕的大小,通常用屏幕对角线的长度表示 Android 界面适配机制 UI 界面在不同平台的适配受屏幕尺寸和屏幕密度影响, Android 适配机制就是在资源后面添加对这两种因素的限定,通过不同的限定区分不同的平台资源,

Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读

僤鯓⒐⒋嵵緔 提交于 2019-11-30 08:36:45
术语和概念 屏幕尺寸 屏幕的物理尺寸,以屏幕的对角线长度作为依据(比如 2.8寸, 3.5寸)。 简而言之, Android把所有的屏幕尺寸简化为三大类:大,正常,和小。 程序可以针对这三种尺寸的屏幕提供三种不同的布局方案,然后系统会负责把你的布局方案以合适的方式渲染到对应的屏幕上,这个过程是不需要程序员用代码来干预的。 屏幕长宽比 屏幕的物理长度与物理宽度的比例。程序可以为制定长宽比的屏幕提供制定的素材,只需要用系统提供的资源分类符long和 notlong。 分辨率 屏幕上拥有的像素的总数。注意,虽然大部分情况下分辨率都被表示为“宽度×长度”,但分辨率并不意味着屏幕长宽比。在 Android系统中,程序一般并不直接处理分辨率。 密度 以屏幕分辨率为基础,沿屏幕长宽方向排列的像素。 密度较低的屏幕,在长和宽方向都只有比较少的像素,而高密度的屏幕通常则会有很多 ——甚至会非常非常多——像素排列在同一区域。屏幕的密度是非常重要的,举个例子,长宽以像素为单位定义的界面元素(比如一个按钮),在低密度的屏幕上会 显得很大,但在高密度的屏幕上则会显得很小。 密度无关的像素( DIP ) 指一个抽象意义上的像素,程序用它来定义界面元素。它作为一个与实际密度无关的单位,帮助程序员构建一个布局方案(界面元素的宽度,高度,位置)。 一个与密度无关的像素,在逻辑尺寸上,与一个位于像素密度为

IOS和安卓ui设计常用尺寸及基本知识

走远了吗. 提交于 2019-11-28 23:30:11
IOS和安卓ui设计常用尺寸及基本知识 iOS app iOS app 图标的圆角半径是多少? 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork icon ─────────────512px (90px) App icon(iPhone4s) ──────────────────114px (20px) App icon(iPhone5s) ──────────────────120px(22px) App icon(iPad) ────────────────────72px (12px) App icon(iPhone 3G/3GS) ───────────────57px(10px) Spotlight/Settings icon icon(iPhone4) ──────────58px (10px) Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px) iPhone、iPad、Android UI常用设计尺寸 iPhone: —————————————————————– APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px) iPhone 5 App Icon:120