文章詳情頁
css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽:161日期:2024-02-27 16:12:56
問題描述
在調(diào)試手機頁面安卓手機的顯示一切正常,如圖
而在蘋果手機顯示第一個圖標(biāo)向下錯位,如下圖
搞了半天沒搞好,兼容性這塊確實沒咋弄過,請路過的高手支個招,在下不勝感激!!新年快樂,恭喜發(fā)財!!
問題解答
回答1:不知道你是怎么寫的,我發(fā)下我的思路:
結(jié)構(gòu)p>(a>img)*3
p設(shè)置個width作為三個圖標(biāo)的總寬度(可以用百分比自適),然后設(shè)置兩端對齊;a設(shè)置inline-block,然后做個after偽類
p:after { content:''; width:100%; height:0; display:inline-block; overflow:hidden;}
拉平三個圖標(biāo),應(yīng)該就可以了。
回答2:你用flex布局我保證不會出這種問題
標(biāo)簽:
CSS
上一條:css - 安卓內(nèi)嵌H5,padding邊距上下不一致下一條:android.text.Html.fromHtml()無法解析<ol><li> </li></ol>應(yīng)該怎么解決
相關(guān)文章:
1. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯,是什么情況?求大神指點2. PHPExcel表格導(dǎo)入數(shù)據(jù)庫怎么導(dǎo)入3. android - weex 項目createInstanceReferenceError: Vue is not defined4. pdo 寫入到數(shù)據(jù)庫的內(nèi)容為中文的時候?qū)懭雭y碼5. javascript - 如圖,百度首頁,查看源代碼為什么什么都沒有?6. vue2.0+webpack 如何使用bootstrap?7. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;8. mac連接阿里云docker集群,已經(jīng)卡了2天了,求問?9. android - 分享到微信,如何快速轉(zhuǎn)換成字節(jié)數(shù)組10. javascript - 關(guān)于正則表達式的一些問題
排行榜

熱門標(biāo)簽