作業系統詳情

Huawei Mate 10 Lite 於 November 2017.
Huawei Mate 10 Lite 搭載 Android 7.0 (Nougat) , upgradable to Android 8.0 (Oreo); EMUI 5.1

螢幕尺寸

Huawei Mate 10 Lite 螢幕尺寸為 5.9 英吋 ，約 76.5% 佔裝置實際尺寸的比例。 Huawei Mate 10 Lite 的實體尺寸為 6.15 x 2.96 x 0.30 英吋（ 156.2 x 75.2 x 7.5 毫米）。

顯示單位順序為「高度 x 寬度 x 厚度」

螢幕像素密度與 CSS 像素比

「像素」是任何顯示器中最小的單位/元素。

每英吋能容納的像素總數稱為「螢幕密度」或「像素密度」，以「每英吋像素數」（PPI）表示。
像素密度對不同螢幕尺寸的顯示有其上限。當每英吋像素數超過螢幕尺寸上限時，顯示解析度會提升，但裝置的實際寬高像素數不變。實際裝置像素又稱為裝置獨立像素或 CSS 像素比。

Huawei Mate 10 Lite 解析度為 1080 x 2160 ^PX ，具有 ~ 409 像素密度。
Huawei Mate 10 Lite 視窗大小為 360 x 720 ^PX ，約 136 實際像素密度，即具有 3 xxhdpi 顯示像素密度。

螢幕解析度與視窗

裝置上顯示的像素總數稱為「螢幕解析度」，裝置的實際像素總和稱為「視窗」。

Huawei Mate 10 Lite 搭載 5.9" 英吋的實體螢幕，解析度約為 1080 x 2160 像素，約 409 PPI 像素密度。 Huawei Mate 10 Lite 的視窗大小為 360 x 720 像素，像素比約為 3.

如需進一步了解螢幕實際尺寸、視窗大小、顯示解析度及像素密度 請點此.

CSS 媒體查詢

Huawei Mate 10 Lite 的 CSS 媒體查詢可協助開發者為 Huawei Mate 10 Lite 撰寫專屬樣式。詳情如下：

Huawei Mate 10 Lite Media Queries （僅限行動裝置）

@media only screen and (min-width: 360px) and (max-width: 767px) { /* Your Styles... */ }

Huawei Mate 10 Lite 最小寬度媒體查詢

@media only screen and (min-width: 360px) { /* Your Styles... */ }

Huawei Mate 10 Lite 最小高度媒體查詢

@media only screen and (min-height: 720px) { /* Your Styles... */ }

Huawei Mate 10 Lite 橫向媒體查詢

@media only screen and (min-width: 720px) and (orientation: landscape) { /* Your Styles... */ }

Huawei Mate 10 Lite 縱向媒體查詢

@media only screen and (min-width: 360px) and (orientation: portrait) { /* Your Styles... */ }

Huawei Mate 10 Lite 裝置寬度媒體查詢

@media only screen and (min-device-width: 360px) and (orientation: portrait) { /* Your Styles... */ }
@media only screen and (min-device-width: 720px) and (orientation: landscape) { /* Your Styles... */ }

Huawei Mate 10 Lite Retina 媒體查詢

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 409dpi),
  only screen and (                min-resolution: 3dppx) { 
    /* Retina styles here */
}
                                

Retina 實際上以裝置像素比為基礎。大多數裝置具有 2x 或 3x 顯示，因此可使用通用 Retina 媒體查詢在各種裝置上顯示高解析度內容。以下為 Retina 2x 及 Retina 3x 媒體查詢：

Retina 2x 媒體查詢（適用於所有支援 2x 解析度的裝置）

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
}
                                

Retina 3x 媒體查詢（適用於所有支援 3x 解析度的裝置）

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 384dpi),
  only screen and (                min-resolution: 3dppx) { 
    /* Retina styles here */
}
                                

Huawei Mate 10 Lite 規格

• 發布日期 November 2017
• Android 7.0
• 實體螢幕尺寸 5.9 INCH
• 解析度 1080 x 2160 PX
• 視窗大小 360 x 720 PX
• 像素密度 409 PPI
• 裝置獨立像素 136 PPI
• 像素比 3 xxhdpi
• 寬度 1080 PX
• 高度 2160 PX
• 裝置寬度 360 PX
• 裝置高度 720 PX
• 尺寸 156.2 x 75.2 x 7.5 mm (6.15 x 2.96 x 0.30 in)
• 重量 164 g - 5.78 oz