常見電腦屏幕分辨率

• 1024*600 （常見8.9寸電腦使用）
• 1024*768（常用10.4、12.1、14.1、15寸電腦使用）4:3
• 1280*1024（常用14.1、15寸電腦使用）5:4
• 1600 * 900 16:9 (非主流)
• 1440*1050（常用15、16.1寸電腦使用）4:3
• 1600*1200（常用15、16.1寸電腦使用）4:3
• 1280*800（常見10.8、12.1、15.4寸電腦使用）16:10
• 1366*768（常見15.2寸電腦使用）15:10 （主流）
• 1280*854（不常見）16:9
• 1440*900（僅蘋果17寸電腦使用）16:10
• 1600*1024（不常見）14:9
• 1680*1050（常見15.4、20寸電腦使用）16:10
• 1920*1080 16:9 （主流）
• 1920*1200（常見20寸電腦使用）16:10

PC端響應式媒體

 

@media (min-width: 1024px){ body{font-size: 18px} } /*>=1024的設備*/ @media (min-width: 1100px) { body{font-size: 20px} } /*>=1100的設備*/ @media (min-width: 1280px) { body{font-size: 22px;} } /*>=1280的設備*/ @media (min-width: 1366px) { body{font-size: 24px;} } @media (min-width: 1440px) { body{font-size: 25px !important;} } @media (min-width: 1680px) { body{font-size: 28px;} } @media (min-width: 1920px) { body{font-size: 33px;} }