- Foundation 通用
- Foundation - 全域性樣式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 實用程式
- Foundation - 媒體查詢
- Foundation - 網格
- Foundation - Flex 網格
- Foundation - 表單
- Foundation - 可見性類
- Foundation - 基本排版
- Foundation - 排版幫助器
- Foundation - 基本控制元件
- Foundation - 導航
- Foundation - 容器
- Foundation - 媒體
- Foundation - 外掛
- Foundation SASS
- Foundation - Sass 函式
- Foundation - Sass 混搭
- Foundation 庫
- Foundation - 運動 UI
- Foundation 實用資源
- Foundation - 快速指南
- Foundation - 實用資源
- Foundation - 討論
交換命名的媒體查詢
描述
在 SASS 中的 $breakpoints 變數中,你可以定義任何斷點以及幾個關鍵字。它支援完整 CSS 媒體查詢的命名查詢的速記。
你可以包括你自己的命名媒體查詢,並將其作為屬性新增到 Foundation.Interchange.SPECIAL_QUERIES
Foundation.Interchange.SPECIAL_QUERIES['square'] = 'screen and (aspect-ratio: 1/1)';
| 序號 | 查詢名稱 | 媒體查詢 |
|---|---|---|
| 1 | small |
screen and (min-width: 0em) |
| 2 | medium |
only screen and (min-width: 40em) |
| 3 | large |
only screen and (min-width: 64em) |
| 4 | xlarge |
only screen and (min-width: 75em) |
| 5 | xxlarge |
only screen and (min-width: 90em) |
| 6 | portrait |
screen and (orientation: portrait) |
| 7 | landscape |
screen and (orientation: landscape) |
| 8 | retina |
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) |
foundation_plugins.htm
廣告