日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

【移动端】手机界面的设计尺寸(中国移动官方网站)

發布時間:2023/12/19 综合教程 50 生活家
生活随笔 收集整理的這篇文章主要介紹了 【移动端】手机界面的设计尺寸(中国移动官方网站) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

從設計方面來看,做手機界面設計的尺寸一般分為iPhone和Android兩種設備。

Android的常用邏輯分辨率:

Android的常用邏輯分辨率:參考屏幕尺寸大全

360 * 640 、360 * 720、360 * 740、360 * 760、360 * 780、360 * 800

411 * 731

480 * 853

iPhone的分辨率

設備 邏輯分辨率(point)(pt) 物理分辨率(pixel)(px) 屏幕尺寸(diagonal) 縮放因子(scale) 像素密度 PPI 比例(近似)
iPhone 2G / 3 /3GS 320 x 480 320 x 480 3.5英寸 @1x 163 2:3
iPhone 4 /4S 320 x 480 640 x 960 3.5英寸 @2x 326 2:3
iPhone 5 / 5S / 5C / SE 320 x 568 640 x 1136 4.0英寸 @2x 326 9:16
iPhone 6 / 6S / 7 / 8 375 x 667 750 x 1334 4.7英寸 @2x 326 9:16
iPhone 6 Plus /6S Plus /7 Plus / 8 Plus 414 x 736 1080 x 1920 5.5英寸 @3x 401 9:16
iPhone X/XS 375 x 812 1125 x 2436 5.8英寸 @3x 458 9:20
iPhone XS Max 414 x 896 1242 x 2688 6.5英寸 @3x 458 9:20
iPhone XR 414 x 896 828 x 1792 6.1英寸 @2x 326 9:20
iPhone SE (第二代) 375 x 667 750 x 1334 4.7 英寸 @2x 326 9:16
iPhone 11 414 x 896 828 x 1792 6.1 英寸 @2x 326
iPhone 11 Pro 375 x 812 1125 x 2436 5.8 英寸 @3x 458
iPhone 11 Pro Max 414 x 896 1242 x 2688 6.5 英寸 @3x 458
iPhone 12 mini 375 x 812 1080 x 2340 5.4 英寸 @3x 476
iPhone 12 / 12 Pro 390 x 844 1170 x 2532 6.1英寸 @3x 460
iPhone 12 Pro Max 428 x 926 1284 x 2778 6.7英寸 @3x 458

全新 iPhone 12 發布,再談 iPhone 屏幕尺寸

屏幕尺寸

屏幕尺寸是指屏幕的對角線長度。

單位

屏幕的單位是以英寸為單位。換算關系如下:1 inch = 2.54cm = 25.4mm

邏輯分辨率和物理分辨率

邏輯分辨率以point(pt)為單位,物理分辨率以pixel(px)為單位。

縮放因子(scale)

因為邏輯分辨率和物理分辨率存在著一定的比例關系,這種比例的關系稱為縮放因子。其對應關系為:1pt = scale * px

像素密度PPI

像素密度PPI(Pixel Per Inch)是指每英寸上容納的像素數量。

計算PPI,可以簡單用勾股定理計算出對線上出現的像素,再除以對角線上長度:

我們知道,手機的屏幕是以像素的方式一個一個呈現出來的。PPI值越高,意味著有更細膩的畫面。較低PPI的屏幕看起來有顆粒感。但是當PPI值到達一定程度后,再繼續提升肉眼就分別不出來了。這就是蘋果提出的Retina顯示屏的概念。在一定的距離內,手機顯示屏在200PPI以上時,肉眼就分辨不出單個像素點了。

總結

以上是生活随笔為你收集整理的【移动端】手机界面的设计尺寸(中国移动官方网站)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。