響應式

常見分辨率尺寸

1024*600 （常見8.9寸電腦使用）

1024*768（經常使用10.四、12.一、14.一、15寸電腦使用）4:3

1280*1024（經常使用14.一、15寸電腦使用）5:4

1600 * 900 16:9 (非主流)

1440*1050（經常使用1五、16.1寸電腦使用）4:3

1600*1200（經常使用1五、16.1寸電腦使用）4:3

1280*800（常見10.八、12.一、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.四、20寸電腦使用）16:10

1920*1080 16:9 （主流）

1920*1200（常見20寸電腦使用）16:10

@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;}
    } 

複製代碼