適配各種pc屏幕尺寸(媒體查詢)


/* 適配各種屏幕尺寸 */
@media (min-width: 1024px){
    body,html{font-size: 18px}
}
@media (min-width: 1100px) {
    body,html{font-size: 20px}
}
@media (min-width: 1280px) {
    body,html{font-size: 22px;}
}
@media (min-width: 1366px) {
    body,html{font-size: 24px;}
}
@media (min-width: 1440px) {
    body,html{font-size: 25px;}
}
@media (min-width: 1680px) {
    body,html{font-size: 28px;}
}
@media (min-width: 1920px) {
    body,html{font-size: 33px;}
}

然后利用rem單位來編寫頁面,就能完美適配各種pc屏幕


免責聲明!

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



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