Skip to main content

我很常使用 ResponsivePX.com 來找 Responsive 網頁的斷點,透過這個方式,可以加快我修正 h1、h2 等標題文字跳行 Bug 的速度。ResponsivePX 的介面非常簡單,只要輸入你要檢查的網址,然後調整 Width 和 Height 就行了。

ResponsivePX.com

ResponsivePX.com

不過要注意的是,ResponsivePX 不支援手機裝置模擬,像你把 apple.com 丟進去是看不到手機模式的,你必須使用 Chrome 的開發者工具(按右鍵 → 檢查元素 → 左上角手機符號 Toggle device mode)。

Chrome 開發者工具

Chrome 開發者工具

徐仲威

我只想說,不要浪費自己的天賦

Leave a Reply