iPhone screen size

  iPhone 4 iPhone 5 iPhone 6 iPhone 6 Plus
Display Size 3.5 in 4 in 4.7 in 5.5 in
Screen Size 320 x 480 points 320 x 568 points 375 x 667 points 414 x 736 points
Rendered Pixels 640 x 960 (@2x) 640 x 1136 (@2x) 750 x 1334 (@2x) 1242 x 2208 (@3x)
Physical Pixels 640 x 960 640 x 1136 750 x 1334 1080 x 1920
Pixels Per Inch (PPI) 326 326 326 401
Browser Size Portrait 320 x 372 px
(320 x 440* / 320 x 460**)
320 x 460 px
(320 x 528* / 320 x 548**)
375 x 559 px
(375 x 627* / 375 x 647**)
414 x 628 px
(414 x 696* / 414 x 716**)
Browser Size Landscape 480 x 212 px
(480 x 280* / 480 x 300**)
568 x 212 px
(568 x 280* / 568 x 300**)
667 x 267 px
(667 x 335* / 667 x 355**)
736 x 306 px
(736 x 374* / 736 x 394**)

* – measurements with the small browser navigation bar
** – measurements without any browser chrome for a web app

Refereneces: http://www.kylejlarson.com/blog/2015/iphone-6-screen-size-web-design-tips/

时间: 2024-12-20 18:47:32

iPhone screen size的相关文章

android screen size,values-v11,values-v14

values-v11 is the values of the API version 11, and values-v14 is the values of the API version 14. It's worth indicating that i.e. values-v11 will be used for API 11 and higher, unless there's another folder that got higher version. For example if y

screen 基础用法(转)

####################### 屏幕分割 ######################## 1. screen2. Ctrl-a c    # create a new screen3. switch between screens      Ctrl-a 0-9        Ctrl-a Ctrl-a         Ctrl-a "    # list all available screens4. Ctrl-a S  # split terminal vertically

API翻译 --- Supporting Different Screen Sizes

This lesson teaches you to Use "wrap_content" and "match_parent"   使用"wrap_content"和"match_parent" Use RelativeLayout  使用RelativeLayout Use Size Qualifiers  使用屏幕尺寸限制 Use the Smallest-width Qualifier   使用最小宽度限制 Use L

Centering window on the screen

The following script shows how we can center a window on the desktop screen. #!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial This program centers a window on the screen. author: Jan Bodnar website: zetcode.com last edit

UiView与UIWindow的详解

一,窗口与视图 1.在iOS中,使用窗口与视图在屏幕上显示应用程序的内容.窗口本身不具有任何可见 的内容,但它对于应用程序的视图提供一个基本的容器.视图定义你想要用的一些内容 填充的窗口的一部分.例如,可能显示图像. 文本. 形状或某种组合的视图.还可以使 用视图来组织和管理的其他视图. 窗口 ·什么是窗口? ·每个应用程序至少需要一个窗口,通常窗口用UIWindow类的实例来表示.注意 UIWindow继承自UIView. ·window对象有以下职责: ·它包含了应用程序的可视化的内容 ·它

Auto Layout Guide----(一)-----Understanding Auto Layout

Understanding Auto Layout 理解自动布局 Auto Layout dynamically calculates the size and position of all the views in your view hierarchy, based on constraints placed on those views. For example, you can constrain a button so that it is horizontally centered

unity5,UI Button too small on device than in Game View解决办法

假设测试设备为iphone5(横屏).下面说明如何使真机上ui显示效果与Game View中一致. 1,首先Game View左上角屏幕规格选 iPhone 5 Wide (16:9),如图: 2,在Hierarchy中选择Canvas,进入其Inspector面板,将其中Ui Scale Mode由Constant Pixel Size改为Scale With Screen Size,并将Reference Resolution改为iPhone5(横屏)的分辨率 X:1136,Y:640,如图

Xamarin.iOS:iOS Layout Gotchas(转载)

关于继承UIView中子控件的布局.原文地址:http://blog.adamkemp.com/2014/11/ios-layout-gotchas-and-view-controller.html In a previous post I touched on layout in iOS by describing the difference between Frame and Bounds, and in that post I covered one of the most common

10 个最好的移动App开发框架

1. Ionic10 个最好的移动App开发框架 Ionic, a front-end framework, a helps building native-like mobile apps with HTML5, CSS3 and JavaScript. It is not a replacement for PhoneGap or a JavaScript framework but the focus is on the UI interactions and design. The fr