CSS程式碼隱私: 瀏覽器本機
CSS 格式化器
整理壓縮的 CSS 規則,讓選擇器、屬性與媒體查詢更容易檢查。
輸入 / 輸出
先使用工具
輸入、輸出與複製操作集中在這個主要區域。範例和檢查內容放在下方。
本機工作階段
輸入狀態只保存在此瀏覽器中,可在無帳號時恢復上次工作區。
取得結果後再檢查
完成主要輸入/輸出流程後,再開啟需要的範例、檢查清單與相關工具。
範例
此工具的起始範例.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}使用情境
程式碼- 整理壓縮的 CSS 規則,讓選擇器、屬性與媒體查詢更容易檢查。
- 以瀏覽器本機方式處理輸入,並在複製前檢查結果。
- 再次比較原始輸入與輸出形態。
- 確認目標執行環境、編碼、時區與安全政策差異。
- 繼續用相關工具檢查 CSS 格式化器 的結果是否適合下一步。