Media Query範圍產生
現代與傳統語法皆產生含端點且明確帶px的寬度區間,拒絕反向範圍。
media-query-range-generator本機處理
正在啟用本機工具…
預覽與程式碼
調整欄位後建立預覽;完整程式碼可複製或下載。
模型與範圍
現代與傳統語法皆產生含端點且明確帶px的寬度區間,拒絕反向範圍。區間共用於 viewport/容器模式及獨立附加查詢;容器模式忽略媒體類型。預覽不調整瀏覽器或模擬列印;inline-size 寬度查詢假設橫向書寫,size containment 會影響內在尺寸。不寫入網址或儲存。
如何使用這個工具
編輯有限欄位、在本機處理,檢查原生預覽後複製或下載完整程式碼;修改會清除舊輸出。
不適合用在什麼情況
現代與傳統語法皆產生含端點且明確帶px的寬度區間,拒絕反向範圍。區間共用於 viewport/容器模式及獨立附加查詢;容器模式忽略媒體類型。預覽不調整瀏覽器或模擬列印;inline-size 寬度查詢假設橫向書寫,size containment 會影響內在尺寸。不寫入網址或儲存。