我很常使用 ResponsivePX.com 來找 Responsive 網頁的斷點,透過這個方式,可以加快我修正 h1、h2 等標題文字跳行 Bug 的速度。ResponsivePX 的介面非常簡單,只要輸入你要檢查的網址,然後調整 Width 和 Height 就行了。
不過要注意的是,ResponsivePX 不支援手機裝置模擬,像你把 apple.com 丟進去是看不到手機模式的,你必須使用 Chrome 的開發者工具(按右鍵 → 檢查元素 → 左上角手機符號 Toggle device mode)。
探索更多來自 那些在我身上的底片效應 的內容
Subscribe to get the latest posts sent to your email.