瀏覽器資訊檢測

顯示當前瀏覽器的詳細資訊

視窗尺寸

寬度 (px): --
高度 (px): --
視窗比例 (寬:高):
--

螢幕尺寸

螢幕寬度 (px): --
螢幕高度 (px): --
色彩深度: --
像素比例: --

詳細瀏覽器資訊

瀏覽器資訊

瀏覽器名稱: --
瀏覽器版本: --
使用者代理:
--

系統資訊

作業系統: --
CPU核心數: --
裝置類型: --

響應式測試

當前視窗寬度 -- px
手機
≤576px
平板
577-768px
小桌機
769-992px
桌機
993-1200px
大桌機
≥1201px

主流前端框架對應系統

當前視窗寬度 -- px 應對應以下格線系統中的 class

Bootstrap
Grid
當前尺寸對應: --
Foundation (ZURB)
XY Grid
當前尺寸對應: --
Bulma
Columns
當前尺寸對應: --
Materialize
Grid System
當前尺寸對應: --
Semantic UI
Grid
當前尺寸對應: --
UIkit
Grid
當前尺寸對應: --
Tailwind CSS
CSS Grid & Flex Utilities
當前尺寸對應: --
Material-UI (MUI)
Grid (Container / Item)
當前尺寸對應: --
Ant Design
Grid (Row / Col)
當前尺寸對應: --
Vuetify
Grid (v-row / v-col)
當前尺寸對應: --
Element UI
Grid (el-row / el-col)
當前尺寸對應: --
Pure.css
Pure Grid
當前尺寸對應: --

調整視窗大小以查看響應式變化

© 2025 Jerry Lin. (https://github.com/lazyjerry） | 畫面時間: