媒體查詢

所有現代瀏覽器都支援媒體查詢，包括 Chrome，Firefox，Opera 和 Internet Explorer 9 及更高版本。

值得注意的是，orientation 媒體功能不僅限於移動裝置。它基於視口的寬度和高度（不是視窗或裝置）。

橫向模式是視口寬度大於視口高度時的情況。

縱向模式是視口高度大於視口寬度時。

這通常轉換為處於橫向模式的桌面顯示器，但有時可能是肖像。

在大多數情況下，移動裝置將報告其解析度，而不是由於畫素密度而可能不同的實際畫素大小。要強制他們報告實際畫素大小，請在 head 標記內新增以下內容：

<meta name="viewport" content="width=device-width, initial-scale=1">