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
相關文章:
主站蜘蛛池模板: 91色站 | 浮生影院免费观看中文版 | 一级片毛片 | 欧美xxxx性| 国产色黄| 欧美日韩在线视频一区二区 | 自拍偷拍在线视频 | 国产精品自产av一区二区三区 | 欧美精品在线免费 | 一级毛片成人免费看a | 一区二区三区影院 | 亚洲人成人网 | 久久免费视频在线 | 国产精品国产成人国产三级 | 免费国产视频在线观看 | 欧美一区二区三区四区视频 | 欧美一区二区在线视频 | 久久久久久中文字幕 | 亚洲婷婷一区 | 99reav | 欧美激情综合 | 99精品国自产在线 | 成人国产精品视频 | 国产精品欧美一区二区三区 | 国产成人午夜高潮毛片 | 色资源在线视频 | 久久国产精品网站 | 亚洲一区二区三区免费观看 | 国产在线永久免费 | 国产91中文| 岛国av免费观看 | 日韩在线中文字幕 | 国产欧美二区 | 久久成人一区 | 国产精品国产三级国产aⅴ原创 | 国产综合久久 | 国产伦精品| 日韩2020狼一二三 | 中国一级特黄真人毛片 | 精品福利在线视频 | 污片在线免费观看 |