iphone設備分辨率

原創

2020-02-22 06:01

從上面的設備參數來看，iOS視網膜屏幕的設備，是在同等尺寸上，支持的分辨率的寬和高各增加了一倍，解析度（每英寸像素數）增加了一倍。

即顯示在同樣尺寸的空間上，所需要的圖片素材的尺寸需要增加一倍，具體到實踐上面有兩個要點：

3.1.原生控件中圖片素材的支持

√ 需要在非Retina屏幕的圖片素材基礎上，額外提供寬和高各一倍的圖片素材

√ 命名上需要命遵從如下命名規則：假定非Retina屏幕的圖片素材爲filename.png，則需要將寬和高各一倍的圖片素材命名爲[email protected]

注意：@2x必須小寫

舉例如下，在此實例中，非Retina屏幕中，會調用allNotesTabItem.png，在Retina屏幕中，會調用[email protected]，但因爲解析度的緣故，顯示的物理尺寸仍然是同樣大小。

3.2.web控件中圖片素材的支持

√ 只需要寬和高各增加一倍後的圖片素材

√ 在webview的樣式中，指定此圖片的widht=50%、height=50%，或者指定絕對像素值爲實際像素值的一半。

舉例如下，在此實例中，圖片會顯示爲真實圖片的寬高各一半大小，但在Retina上不會模糊和有顆粒感。

類型	圖片	尺寸(px)	樣式
Retina		48×48	<img width="24" height="24" src="allNoteTabItem.png" /> 或 <img width=50% height=50% src="allNoteTabItem.png" />