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

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

css3 - css rem 字體問題

瀏覽:165日期:2023-08-04 14:47:12

問題描述

html {font-size: 62.5%;}body {font-size: 1.4rem;}這樣式設置以后 1rem=10px; 1.4rem=14px;2rem=20px 但是在谷歌瀏覽器的和模型下是 1rem=12pxcss3 - css rem 字體問題

問題解答

回答1:

可參考http://techably.com/chrome-font-size-bug-fix/11996/和http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag

回答2:

自己的解決方法,就是有點繞,可以參考:http://codepen.io/feilong/pen/YPpror

回答3:

因為chrome和其他主流瀏覽器的最小字體大小默認是12px。html {font-size: 62.5%;}其實并沒有設置成10px

回答4:

這個原因就在于,chrome不支持10px字體了啊。所以,你即便設置了10px的字體,但是谷歌瀏覽器默默地幫你改成了12px。解決的辦法就是將html的字體大小設置為50px,換算成百分比就是312.5%,美團的觸屏h5頁面就是這么處理的。這樣算起來就好算多了。當然,也可以設置成20px,也好算。用css預編譯處理器最好,省的計算了。

回答5:

不如給html設置html{font-size:62.5%;font-size:16px;font-size:1rem;}

回答6:

最好不要設置為10px或62.5%這樣的東西,你最好確保html上設置的字體大小不小于12px

回答7:

谷歌瀏覽器最小字體是12px。關于字體在移動端的設置,不建議使用rem單位,計算出來的font-size會出現類似23這樣的奇數,淘寶采用的方法是根據手機的dpr值,利用媒體查詢設置字體大小。具體方法可以查看相關flexible的文章。

標簽: CSS
相關文章:
主站蜘蛛池模板: 久久精品一级 | 一区在线免费视频 | 自拍偷拍第一页 | 中文字幕av一区 | 久久精品这里 | 国产精品一区二区不卡 | av激情在线| 中文字幕视频在线看5 | 国产一区二区三区在线视频 | 亚洲精品久久久一区二区三区 | 伊人啪啪网 | 99精品视频免费在线观看 | 欧美日韩国产传媒 | 成人欧美一区二区三区视频xxx | 日韩精品中文字幕一区二区三区 | 奇米久久久 | 天天操网 | 国产成人亚洲精品自产在线 | 毛片a级| 欧美影院 | 欧美 日韩 国产 在线 | 中文字幕久久精品 | 羞羞免费网站 | 91原创视频 | 亚洲精品欧美 | 欧美激情啪啪 | 精品久久久久久久人人人人传媒 | 九九激情视频 | 99精品欧美一区二区三区综合在线 | 日本公妇乱淫xxxⅹ 国产在线不卡 | 精品国产91乱码一区二区三区 | 国产日韩欧美在线 | 毛片在线看看 | 91视视频在线观看入口直接观看 | 午夜影晥 | 亚洲精品视频一区 | 国产一区91精品张津瑜 | 亚洲人成人一区二区在线观看 | 亚洲视频欧美视频 | 国产在线一区二区 | 日韩一区二区三区av |