/* 適配各種屏幕尺寸 */ @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屏幕