文章詳情頁
css - 手機(jī)頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽：123日期：2024-02-27 16:12:56
問題描述
在調(diào)試手機(jī)頁面安卓手機(jī)的顯示一切正常，如圖
而在蘋果手機(jī)顯示第一個(gè)圖標(biāo)向下錯(cuò)位，如下圖
搞了半天沒搞好，兼容性這塊確實(shí)沒咋弄過，請(qǐng)路過的高手支個(gè)招，在下不勝感激??！新年快樂，恭喜發(fā)財(cái)！！
問題解答
回答1：不知道你是怎么寫的，我發(fā)下我的思路：
結(jié)構(gòu)p>(a>img)*3
p設(shè)置個(gè)width作為三個(gè)圖標(biāo)的總寬度（可以用百分比自適），然后設(shè)置兩端對(duì)齊；a設(shè)置inline-block，然后做個(gè)after偽類
p:after { content:''; width:100%; height:0; display:inline-block; overflow:hidden;}
拉平三個(gè)圖標(biāo)，應(yīng)該就可以了。
回答2：你用flex布局我保證不會(huì)出這種問題
標(biāo)簽：
CSS
上一條：css - 安卓?jī)?nèi)嵌H5，padding邊距上下不一致下一條：android.text.Html.fromHtml()無法解析<ol><li> </li></ol>應(yīng)該怎么解決
相關(guān)文章：
1. javascript - 能否讓vue-cli的express修改express重啟服務(wù)2. javascript - 求幫助 , ATOM不顯示界面!!!!3. html5 - HTML代碼中的文字亂碼是怎么回事？4. javascript - nodejs使用mongoose連接數(shù)據(jù)庫，使用post提交表單在后臺(tái)，后臺(tái)處理后調(diào)用res.redirect()跳轉(zhuǎn)界面無效？5. python bottle跑起來以后,定時(shí)執(zhí)行的任務(wù)為什么每次都重復(fù)(多)執(zhí)行一次?6. node.js - npm一直提示proxy有問題7. 解決Android webview設(shè)置cookie和cookie丟失的問題8. javascript - vue2.0中，$refs對(duì)象為什么用駝峰的方式獲取不到屬性？9. python - 爬蟲模擬登錄后，爬取csdn后臺(tái)文章列表遇到的問題10. java - 注解上的屬性可以傳遞嗎？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備