av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - 移動端rem適配問題

瀏覽:143日期:2023-06-25 15:02:16

問題描述

如果在移動項目中使用像weui這種樣式庫怎么結合rem布局?比如想用淘寶的flexible方案布局,會改變dpr

[data-dpr='2'] p { font-size: 24px;}[data-dpr='3'] p { font-size: 36px;}

weui里面字體就會出現異常,請問怎么解決這種問題?或者說在用第三方樣式庫/組件庫的時候不用把px改成rem?

問題解答

回答1:

css - 移動端rem適配問題

這個是lib.flexible的文檔說明,你可以去看看。

回答2:

如果你不想改變dpr,完全可以在meta標簽里面指定dpr的值,這樣就不會出現你說的問題了

回答3:解決移動端適配字體問題

就我所知講講

一般文字尺寸

考慮到字體的點陣信息,一般文字尺寸多會采用 16px 20px 24px等值,

若以rem指定文字尺寸,會產生諸如21px,19px這樣的值,會導致字形難看,毛刺,甚至黑塊,故用px單位進行設置,然后根據設備的分辨率設置不同的font-size,因移動端大部分的設備獨立像素不會相差太大,故可根據不同的dpr進行設置。

[data-dpr = '2'] p {font-size:24px;}[data-dpr='3'] p{font-size:36px;}/* 或者使用媒體查詢的方法設置 */標題類文字

可能也有要求隨屏幕縮放,且考慮到這類文字一般都比較大,超過30px的話,也可以用rem設置字體。

需注意

使用淘寶的flexible方案布局并不會自動把你的設置的單位px轉換成rem,當然用插件可以實現。

手淘方案會動態生成initial-scale,maximum-scale,minimum值,布局寬高使用rem,然后html標簽設置font-size,利用fone-size來控制rem寬高,并且用設備像素比來設置dpr來適配不同移動設備的屏幕密度顯示flexible.js源碼

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产日韩欧美激情 | 国产精品久久久久久久久久久久 | 中国一级特黄真人毛片免费观看 | 在线欧美视频 | 久久久精品一区二区三区 | 欧美一区不卡 | 一道本一区二区 | 91精品无人区卡一卡二卡三 | 韩国精品一区 | 91精品国产欧美一区二区 | 久久久美女 | 91精品久久久久久久 | 亚洲一区不卡 | 亚洲欧美在线观看视频 | 精品视频一区二区在线观看 | 久久综合狠狠综合久久综合88 | 日韩和的一区二在线 | 亚洲国产欧美在线 | 日韩中文字幕一区二区 | 中文字幕日韩在线 | 国产高清在线 | 99精品久久久久久久 | 青青草一区二区 | 午夜精品久久久久久久星辰影院 | 欧美一级小视频 | 亚洲网站免费看 | 日韩一区二区三区在线观看 | 亚洲精品一二三 | gogo肉体亚洲高清在线视 | 久久日韩精品一区二区三区 | 一区二区三区国产 | 免费看国产一级特黄aaaa大片 | 精品视频久久久 | 综合久久av | 国产成人99久久亚洲综合精品 | 亚洲一区视频在线播放 | 狠狠入ady亚洲精品经典电影 | 欧美一区二区精品 | 久久国内精品 | 蜜桃视频在线观看免费视频网站www | 欧美日韩电影在线 |