← 全部工具

響應式斷點產生

產生1至100個具名稱的像素斷點;行動優先升冪、桌機優先降冪,名稱須為唯一ASCII CSS識別字。

responsive-breakpoint-generator本機處理

正在啟用本機工具…

本機處理欄位

本機Worker處理,啟動限10秒、處理限1秒。每欄32 KiB、完整輸出1 MiB。修改或清除會取消處理與舊輸出。產生的HTML/CSS不掛入頁面;圖片遠端預覽須另外點擊。

預覽與程式碼

調整欄位後建立預覽;完整程式碼可複製或下載。

模型與範圍

產生1至100個具名稱的像素斷點;行動優先升冪、桌機優先降冪,名稱須為唯一ASCII CSS識別字。可選 viewport 或 inline-size/size 容器查詢;附加查詢為獨立 media 區塊。預設皆為宣告寬度、不偵測裝置,常見寬度為本站精選;自訂保留原四個預設值。不寫入網址或儲存。

Media Queries Level4 ↗ToolHub source controls ↗

如何使用這個工具

編輯有限欄位、在本機處理,檢查原生預覽後複製或下載完整程式碼;修改會清除舊輸出。

不適合用在什麼情況

產生1至100個具名稱的像素斷點;行動優先升冪、桌機優先降冪,名稱須為唯一ASCII CSS識別字。可選 viewport 或 inline-size/size 容器查詢;附加查詢為獨立 media 區塊。預設皆為宣告寬度、不偵測裝置,常見寬度為本站精選;自訂保留原四個預設值。不寫入網址或儲存。