css - 手機(jī)app中rem的基準(zhǔn)值計(jì)算錯(cuò)誤
問題描述
1.使用html的font-size,然后通過rem設(shè)置圖片高度 對(duì)頁(yè)面圖片的高度進(jìn)行自適應(yīng),在多個(gè)手機(jī)瀏覽器和app內(nèi)測(cè)試都沒問題,但在華為榮耀i7手機(jī)的app中打開寬度會(huì)小于于屏幕寬度。但是通過設(shè)置寬度為100%時(shí),則不會(huì)出現(xiàn)這個(gè)問題;為了適應(yīng)華為榮耀i7的app,寬度都改成了百分比,但是這不是一個(gè)很好的辦法,希望大家能幫我解決一下這個(gè)問題
問題解答
回答1:你的rem不是相對(duì)于html嗎??你的這個(gè)怎么設(shè)置的是body 方且不說針對(duì)html還是body華為的手機(jī)確實(shí)有很多的特殊性,大多數(shù)的都可以通過meta標(biāo)簽中的一個(gè)屬性值解決,具體的忘記是什么,你可以查查,類似于
<meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1'>
你在查查真對(duì)華為手機(jī)還需要寫哪些,都寫全了,在試試
還有rem一般都是真對(duì)html的font-size的
回答2:謝邀。app中?自家應(yīng)用的webview? 這種兼容性的坑事兒我以前也碰到過,當(dāng)時(shí)是頁(yè)面高度在某些手機(jī)不對(duì)。。后來(lái)沒辦法,一直搞不起,就換了個(gè)方案。直到安卓他們升級(jí)了應(yīng)用,改了這個(gè)webview。
這個(gè)計(jì)算不準(zhǔn)這個(gè)可能不止華為這一個(gè)手機(jī)哦,一般還有魅族!你看看。。。
css做個(gè)降級(jí)吧,判斷一下,最大font-size,即使在大屏幕上,字太大也影響觀感。我當(dāng)年弄的font-size為20px。
相關(guān)文章:
1. javascript - 微信網(wǎng)頁(yè)開發(fā)從菜單進(jìn)入頁(yè)面后,按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁(yè)面,求解決?2. css - 百度Ueditor富文本編輯器初始化賦值font-size沒有值?3. node.js - nodejs開發(fā)中常用的連接mysql的庫(kù)4. 在html文件的目錄下輸入代碼按回車后顯示這個(gè),哪位大佬幫幫我 呀5. mysql - jdbc的問題6. mysql replace 死鎖7. 視頻文件不能播放,怎么辦?8. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來(lái)哪些效率或者其他方面的好處9. 老師您的微信號(hào)是多少?10. mysql - 如何減少使用或者不用LEFT JOIN查詢?
