移動(dòng)端html5手機(jī)網(wǎng)站字體單位font-size選擇px照舊rem

2023-08-20 分類：網(wǎng)站建設(shè)

移動(dòng)端html5手機(jī)網(wǎng)站字體單位font-size選擇px照舊rem
分為兩種情況：
①對(duì)于只需要適配手機(jī)設(shè)備，使用px就可以了

②對(duì)于需要適配各種移動(dòng)設(shè)備，使用rem，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設(shè)備。

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
}
}

本文題目：移動(dòng)端html5手機(jī)網(wǎng)站字體單位font-size選擇px照舊rem
地址分享：http://www.rwnh.cn/news0/277400.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、App開發(fā)、用戶體驗(yàn)、小程序開發(fā)、靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

移動(dòng)端html5手機(jī)網(wǎng)站字體單位font-size選擇px照舊rem