css - 手機app中rem的基準(zhǔn)值計算錯誤
問題描述
1.使用html的font-size,然后通過rem設(shè)置圖片高度 對頁面圖片的高度進(jìn)行自適應(yīng),在多個手機瀏覽器和app內(nèi)測試都沒問題,但在華為榮耀i7手機的app中打開寬度會小于于屏幕寬度。但是通過設(shè)置寬度為100%時,則不會出現(xiàn)這個問題;為了適應(yīng)華為榮耀i7的app,寬度都改成了百分比,但是這不是一個很好的辦法,希望大家能幫我解決一下這個問題
問題解答
回答1:你的rem不是相對于html嗎??你的這個怎么設(shè)置的是body 方且不說針對html還是body華為的手機確實有很多的特殊性,大多數(shù)的都可以通過meta標(biāo)簽中的一個屬性值解決,具體的忘記是什么,你可以查查,類似于
<meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1'>
你在查查真對華為手機還需要寫哪些,都寫全了,在試試
還有rem一般都是真對html的font-size的
回答2:謝邀。app中?自家應(yīng)用的webview? 這種兼容性的坑事兒我以前也碰到過,當(dāng)時是頁面高度在某些手機不對。。后來沒辦法,一直搞不起,就換了個方案。直到安卓他們升級了應(yīng)用,改了這個webview。
這個計算不準(zhǔn)這個可能不止華為這一個手機哦,一般還有魅族!你看看。。。
css做個降級吧,判斷一下,最大font-size,即使在大屏幕上,字太大也影響觀感。我當(dāng)年弄的font-size為20px。
相關(guān)文章:
1. mac OSX10.12.4 (16E195)下Mysql 5.7.18找不到配置文件my.cnf2. mysql - 數(shù)據(jù)庫表中,兩個表互為外鍵參考如何解決3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現(xiàn)存在即更新應(yīng)該使用哪個標(biāo)簽?4. mysql - 數(shù)據(jù)庫建字段,默認(rèn)值空和empty string有什么區(qū)別 1105. mysql儲存json錯誤6. sql語句 - 如何在mysql中批量添加用戶?7. mysql - 表名稱前綴到底有啥用?8. php - 公眾號文章底部的小程序二維碼如何統(tǒng)計?9. Navicat for mysql 中以json格式儲存的數(shù)據(jù)存在大量反斜杠,如何去除?10. mysql - 怎么生成這個sql表?
