Q232.
在CSS 樣式中，何者可用來偵測媒體裝置的尺寸與方向？
網頁設計 · 丙級 · 作業準備 · Q232
難易度分析
2 / 5
本題考查對 CSS 各項核心功能定義的基礎認知，僅需掌握對應術語的功能區分即可選出答案，不涉及複雜的邏輯推演或深層技術細節。
正確答案：①CSS Media Queries
① CSS Media Queries:CSS Media Queries（媒體查詢）是 @media 規則的核心功能，可透過 width、height、orientation 等媒體特性（Media Features）偵測裝置視窗尺寸與螢幕方向，為 響應式網頁設計（RWD） 的基礎技術。
錯誤選項解析
- ② CSS Flex Box:CSS Flexbox（彈性區塊）是一種一維版面配置模型，用於控制容器內子元素的排列、對齊與空間分配，並不具備偵測裝置尺寸或方向的能力。
- ③ CSS Box Model:CSS Box Model（盒模型）定義每個 HTML 元素由 content、padding、border、margin 四層組成的空間結構，屬於元素渲染概念，與裝置偵測無關。
- ④ CSS Pseudo Element:CSS Pseudo Elements（偽元素）如 ::before、::after 用於在元素內容前後插入裝飾性內容，無法用於偵測媒體裝置的尺寸與方向。
Learning Tip
"本題核心考點為區分 CSS 各模組的功能定位。常考陷阱是將 Flexbox 或 Grid 等「版面配置技術」與 Media Queries 的「裝置偵測能力」混淆。實務上，Media Queries 常搭配 breakpoint（斷點）設定，例如 max-width: 768px 來切換手機版與桌面版樣式，是 RWD 響應式設計 不可或缺的工具。"
學員答題分佈
①CSS Media Queries0%
②CSS Flex Box0%
③CSS Box Model0%
④CSS Pseudo Element0%
此答題分佈是根據學員在 LongePass 模擬考等實際作答紀錄計算而成。與考友分享這道歷屆試題與詳細解析！