移動端html5手機網站字體單位font-size選擇px照舊rem

2023-08-20 分類：網站建設

移動端html5手機網站字體單位font-size選擇px照舊rem
分為兩種情況：
①對于只需要適配手機設備，使用px就可以了

②對于需要適配各種移動設備，使用rem，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設備。

rem參考代碼：
html {font-size:10px}

@media screen and (min-width:480px) and (max-width:639px) {
html {
font-size: 15px
}
}

@media screen and (min-width:640px) and (max-width:719px) {
html {
font-size: 20px
}
}

@media screen and (min-width:720px) and (max-width:749px) {
html {
font-size: 22.5px
}
}

@media screen and (min-width:750px) and (max-width:799px) {
html {
font-size: 23.5px
}
}

@media screen and (min-width:800px) and (max-width:959px) {
html {
font-size: 25px
}
}

@media screen and (min-width:960px) and (max-width:1079px) {
html {
font-size: 30px
}
}

@media screen and (min-width:1080px) {
html {
font-size: 32px
}
}

本文題目：移動端html5手機網站字體單位font-size選擇px照舊rem
地址分享：http://www.2m8n56k.cn/news0/277400.html

成都網站建設公司_創新互聯，為您提供微信公眾號、App開發、用戶體驗、小程序開發、靜態網站、全網營銷推廣

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

移動端html5手機網站字體單位font-size選擇px照舊rem