移動端html5手機網(wǎng)站字體單位font-size選擇px照舊rem
2023-08-20 分類： 網(wǎng)站建設
移動端html5手機網(wǎng)站字體單位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
}
}
分為兩種情況：
①對于只需要適配手機設備，使用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手機網(wǎng)站字體單位font-size選擇px照舊rem
地址分享：http://m.2m8n56k.cn/news0/277400.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、App開發(fā)、用戶體驗、小程序開發(fā)、靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 對網(wǎng)站已經收錄過的文章再進行修改要注意什么 2023-08-20
- 朝陽市網(wǎng)站建設：避免網(wǎng)站被復制或者鏡像的有效方法 2023-08-20
- 營銷型網(wǎng)站;你對注意事項了解多少? 2023-08-20
- 企業(yè)手機建網(wǎng)站所具備的特點 2023-08-20
- 阿克蘇手機網(wǎng)站設計留意的關鍵點 2023-08-20
- 真正的seo 2023-08-20
- 企業(yè)網(wǎng)站建設之網(wǎng)頁布局有哪些？ 2023-08-20
- 淺談交換友情鏈接的幾大要點 2023-08-20
- 黔西南網(wǎng)站設計要注意兼容性的問題 2023-08-20
- 萬萬達小丹淺談——從糗事百科看到的UEO模式 2023-08-20
- 石家莊網(wǎng)站建設要掌握的簡化技巧 2023-08-20
- 商務網(wǎng)站建設模塊有哪些 2023-08-20
- 網(wǎng)站建設模式有哪些 2023-08-20
- 選擇專業(yè)seo優(yōu)化公司要掌握這四點 2023-08-20
- 濱州網(wǎng)站建設需要專業(yè)設計加強訪客認可 2023-08-20
- 五種網(wǎng)絡推廣模式的優(yōu)劣比較 2023-08-20
- 營口網(wǎng)站排名優(yōu)化過程的注意事項 2023-08-20
- 北京營銷型網(wǎng)站定制流程 2023-08-20
- 拒絕關頭詞頻仍更改和上網(wǎng)站構架頻繁改動_0 2023-08-20