• <th id="hqbcw"></th>

  • <dd id="hqbcw"></dd>
    1. <tbody id="hqbcw"><noscript id="hqbcw"></noscript></tbody>
      <button id="hqbcw"><object id="hqbcw"></object></button>

      <tbody id="hqbcw"><pre id="hqbcw"></pre></tbody>

      iPhone/iPad/Android UI尺寸規范

      iPhone界面尺寸

      設備 分辨率 PPI 狀態欄高度 導航欄高度 標簽欄高度

      iphone 11 Pro Max

      1242×2688 px 458PPI 132px 132px 147px

      iphone XS Max

      1242×2688 px 458PPI 132px 132px 147px

      iphone XS

      1125×2436 px 458PPI 132px 132px 147px

      iphone 11 Pro

      828×1792 px 326PPI 88px 88px 98px

      iphone XR

      828×1792 px 326PPI 88px 88px 98px

      iphone 11

      828×1792 px 326PPI 88px 88px 98px

      iphone X

      1125×2436 px 458PPI 132px 132px 147px

      iphone 8 plus

      1242×2208 px 401PPI 60px 132px 147px

      iphone 8

      750×1334 px 326PPI 40px 88px 98px

      iphone 7 plus

      1242×2208 px 401PPI 60px 132px 147px

      iphone 7

      750×1334 px 326PPI 40px 88px 98px

      iPhone6 plus設計版

      1242×2208 px 401PPI 60px 132px 146px

      iPhone6 plus放大版

      1125×2001 px 401PPI 54px 132px 146px

      iPhone6 plus物理版

      1080×1920 px 401PPI 54px 132px 146px

      iPhone6

      750×1334 px 326PPI 40px 88px 98px

      iPhone5 - 5C - 5S

      640×1136 px 326PPI 40px 88px 98px

      iPhone4 - 4S

      640×960 px 326PPI 40px 88px 98px

      iPhone & iPod Touch第一代、第二代、第三代

      320×480 px 163PPI 20px 44px 49px

      iPhone圖標尺寸:

      設備 App Store 程序應用 主屏幕 Spotlight搜索 標簽欄 工具欄和導航欄

      iPhone7,8 (@2×)

      1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

      iPhone6 Plus (@3×)

      1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

      iPhone6 (@2×)

      1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

      iPhone5 - 5C - 5S (@2×)

      1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

      iPhone4 - 4S (@2×)

      1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

      iPhone & iPod Touch第一代、第二代、第三代

      1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px



      iPad的設計尺寸

      設備 尺寸 分辨率 狀態欄高度 導航欄高度 標簽欄高度

      iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

      2048×1536 px 264PPI 40px 88px 98px

      iPad 1 - 2

      1024×768 px 132PPI 20px 44px 49px

      iPad Mini

      1024×768 px 163PPI 20px 44px 49px


      iPad圖標尺寸:

      設備 App Store 程序應用 主屏幕 Spotlight搜索 標簽欄 工具欄和導航欄

      iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

      1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px

      iPad 1 - 2

      1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

      iPad Mini

      1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px


      Android SDK模擬機的尺寸

      屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320)

      小屏幕

      QVGA(240×320) 480×640

      普通屏幕

      WQVGA400(240×400) WQVGA432(240×432) HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×1024 640×960

      大屏幕

      WVGA800 *(480×800) WVGA854 *(480×854) WVGA800 *(480×800) WVGA854 *(480×854) 600x1024

      超大屏幕

      1024×600 1024×768 1280×768WXGA(1280×800) 1536×1152 1920×1152 1920×1200 2048×1536 2560×1600

      Android的圖標尺寸

      屏幕大小 啟動圖標 操作欄圖標 上下文圖標 系統通知圖標(白色) 最細筆畫

      320×480 px

      48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px

      480×800px 480×854px 540×960px

      72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px

      720×1280 px

      48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp

      1080×1920 px

      144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px

      Android安卓系統dp/sp/px換算表

      名稱 分辨率 比率 rate (針對320px) 比率 rate (針對640px) 比率 rate (針對750px)

      idpi

      240×320 0.75 0.375 0.32

      mdpi

      320×480 1 0.5 0.4267

      hdpi

      480×800 1.5 0.75 0.64

      xhdpi

      720×1280 2.25 1.125 1.042

      xxhdpi

      1080×1920 3.375 1.6875 1.5

      主流Android手機分辨率和尺寸

      設備 分辨率 尺寸 設備 分辨率 尺寸

      vivoZ6

      6.57英寸 2400*1080 px

      vivoiQOO 3

      6.44英寸 2400*1080 px

      vivoiQOO Neo 855競速版

      6.38英寸 2340*1080 px

      vivovivo x30

      6.4英寸 2400*1080 px

      OPPOReno

      6.4英寸 2340*1080 px

      OPPOFind X2

      6.7英寸 3168*1440 px

      OPPOOPPO Reno3 元氣版

      6.4英寸 3240*1080 px

      Find X2 Pro

      6.7英寸 3168*1440 px

      三星Galaxy S10+

      6.4英寸 3040*1440 px

      三星Galaxy Note10

      6.3英寸 2280*1080 px

      三星Galaxy S10

      6.1英寸 3040*1440 px

      三星Galaxy A90

      6.7英寸 1080*2400 px

      魅族Note9

      6.2英寸 2244*1080 px

      魅族 16T

      6.5英寸 2232*1080 px

      魅族 X8

      6.2英寸 2220*1080 px

      魅族 16 X

      6.0英寸 2160*1080 px

      華為Mate30

      6.62英寸 2340×1080 px

      華為P40 Pro

      6.58英寸 2640×1200 px

      華為P30

      6.1英寸 FHD+ 2340*1080

      華為nova 6

      6.57英寸 2400x1080 px

      小米10

      6.67英寸 2340×1080 px

      小米10 Pro

      6.67英寸 2340×1080 px

      小米Redmi Note8

      6.3英寸 2340*1080 FHD+

      小米Redmi Note8 Pro

      6.53英寸 2340*1080 FHD+

      魅族MX2

      4.4英寸 800×1280 px

      魅族MX3

      5.1英寸 1080×1280 px

      魅族MX4

      5.36英寸 1152×1920 px 5.5英寸 1536×2560 px

      三星GALAXY Note 4

      5.7英寸 1440×2560 px

      三星GALAXY Note 3

      5.7英寸 1080×1920 px

      三星GALAXY S5

      5.1英寸 1080×1920 px

      三星GALAXY Note II

      5.5英寸 720×1280 px

      索尼Xperia Z3

      5.2英寸 1080×1920 px

      索尼XL39h

      6.44英寸 1080×1920 px

      HTC Desire 820

      5.5英寸 720×1280 px

      HTC One M8

      4.7英寸 1080×1920 px

      OPPO Find 7

      5.5英寸 1440×2560 px

      OPPO N1

      5.9英寸 1080×1920 px

      OPPO R3

      5英寸 720×1280 px

      OPPO N1 Mini

      5英寸 720×1280 px

      小米M4

      5英寸 1080×1920 px

      小米紅米Note

      5.5英寸 720×1280 px

      小米M3

      5英寸 1080×1920 px

      小米紅米1S

      4.7英寸 720×1280 px
      5英寸 1080×1920 px

      小米M2S

      4.3英寸 720×1280 px

      華為榮耀6

      5英寸 1080×1920 px

      錘子T1

      4.95英寸 1080×1920 px

      LG G3

      5.5英寸 1440×2560 px

      OnePlus One

      5.5英寸 1080×1920 px

      主流瀏覽器的界面參數與份額

      瀏覽器 狀態欄 菜單欄 滾動條 市場份額(國內)

      Chrome 瀏覽器

      22 px(浮動出現) 60 px 15 px 8%

      火狐瀏覽器

      20 px 132 px 15 px 1%

      IE瀏覽器

      24 px 120 px 15 px 35%

      360 瀏覽器

      24 px 140 px 15 px 28%

      遨游瀏覽器

      24 px 147 px 15 px 1%

      搜狗瀏覽器

      25 px 163 px 15 px 5%

      系統分辨率統計

      分辨率 占有率 分辨率 占有率

      1366×768

      15%

      1440×900

      13%

      1920×1080

      11%

      1600×900

      5%

      1280×800

      4%

      1280×1024

      3%

      1680×1050

      2.8%

      320×480

      2.4%

      480×800

      2%

      1280×768

      1%

      您最近使用了:

      收藏 菜單 QQ

      騰訊云
      低至18元

      阿里云 騰訊云 華為云