device-posture

語法

device-posture 特性被指定為以下列表中的一個關鍵字值。

continuous

表示螢幕處於平坦狀態。可摺疊裝置在平坦時（完全開啟或完全關閉）為 continuous。不可摺疊裝置被認為是平坦的，因此始終為 continuous——這包括無縫曲面顯示器和標準桌面、筆記型電腦、平板電腦和手機螢幕。

folded

表示螢幕處於摺疊狀態。可摺疊裝置在以書本或筆記型電腦姿態使用時為 folded。

示例

在此示例中，device-posture 媒體特性檢測裝置何時處於摺疊姿態，並根據其orientation 新增邊距，以在應用程式的兩個面板之間建立更大的間隙，以便於閱讀。

@media (device-posture: folded) and (orientation: landscape) {
  .list-view {
    margin-inline-end: 60px;
  }
}

@media (device-posture: folded) and (orientation: portrait) {
  .list-view {
    margin-block-end: 60px;
  }
}

要檢視上述程式碼的實際效果，請儘可能在可摺疊裝置上檢視裝置姿態 API 演示。當前的瀏覽器開發工具可以模擬可摺疊裝置，但不支援模擬部分摺疊的裝置——只能模擬完全開啟或關閉的裝置——因此它們將始終返回 continuous。

規範

瀏覽器相容性

另見

• DevicePosture
• 裝置姿態 API
• 使用媒體查詢
• @media