各種行動裝置的螢幕尺寸/解析度 – Different screen sizes of mobile devices

隨著數位裝置的多樣化，螢幕尺寸比例已經成為了軟體開發上的重點跟難題，響應式網頁也是因應而生。 這次我遭遇的類似問題有兩個：

1. 網頁在手機上的配置顯示為電腦版本，導致使用上的不順。
2. 使用Unity做App的開發上遇到不同的螢幕比例，UI介面甚至動畫物件的錯亂。

---

相信許多開發者都能理解，開發響應式網頁時，使用 Bootstrap 的 Grid system 的方便。它也是我初次接觸響應式網頁時，令我快速了解何謂響應式網頁及其開發原理。

但是隨著行動裝置大廠間的軍備競賽不斷地進行，現在手機螢幕的解析度已經到了一個相當誇張的地步，下表是 Bootstrap 對於螢幕寬度的分類：