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

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

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

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

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

Read More »