CSS3 螢幕大小區分

試試看吧

/* 全部的使用者都會載入這裡的 CSS。*/
@media screen and (min-width: 1200px)
{
    /* 如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。;*/
}

@media screen and (max-width: 1199px)
{
    /* 如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。;*/
}

@media screen and (min-width: 768px) and (max-width: 979px)
{
    /*如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。*/
}

@media screen and (max-width: 767px)
{
    /*如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。*/
}

@media screen and (max-device-width: 480px)
{
    /*如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。*/
}