使用@media (max-width:640px)和@media (min-width: 640px)寫適應性網頁


1、使用@media (max-width:640px)時,要從大到小的順序排放,例如:

@media (max-width: 640px) {
    .newslist_text h5{
        font-size: 22px;
    }
}
@media (max-width: 510px) {
    .newslist_text h5{
        font-size: 16px;
    }
}

2、使用@media(min-width:640px)時。要從小到大的順序排放,例如:

@media (min-width: 510px) {
    .newslist_text h5{
        font-size: 16px;
    }
}
@media (min-width: 640px) {
    .newslist_text h5{
        font-size: 22px;
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM