響應式開發 - 主流螢幕尺寸及解析度介紹

開發網站需要留意各種解析度尺寸

這裡就整理一些常見的螢幕尺寸，在開發響應式網站 RWD (responsive web design) 時，可以直接拿來參考

液晶螢幕尺寸（吋） 畫面比例 解析度 15 4:3 1024768 17 / 19 5:4 12801024 19 寬螢幕 16:10 1440900 20 4:3 16001200 20 寬螢幕 16:10 16801050 21 4:3 16001200 21 寬螢幕 16:10 16801050 22 寬螢幕 16:10 16801050 23 4:3 16001200 24 寬螢幕 16:10 19201280

15吋————–原生解析度為1024768，畫面為4:3 17吋與19吋—原生解析度為12801024，畫面為5:4 19吋寬———–原生解析度為1440900，畫面為16:10 20吋————–原生解析度為16001200，畫面為4:3 20吋寬螢幕—–原生解析度為16801050，畫面為16:10 21吋————–原生解析度為16001200，畫面為4:3 21吋寬螢幕—–原生解析度為16801050，畫面為16:10 22吋寬螢幕—–原生解析度為16801050，畫面為16:10 23吋————–原生解析度為16001200，畫面為4:3 24吋寬螢幕—–原生解析度為19201280，畫面為16:10 27吋寬螢幕—–原生解析度為19201280，畫面為16:10 30吋寬螢幕—–原生解析度為25601600，畫面為16:10