文章詳情頁
css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽:106日期:2024-02-27 16:12:56
問題描述
在調(diào)試手機頁面安卓手機的顯示一切正常,如圖
而在蘋果手機顯示第一個圖標向下錯位,如下圖
搞了半天沒搞好,兼容性這塊確實沒咋弄過,請路過的高手支個招,在下不勝感激!!新年快樂,恭喜發(fā)財!!
問題解答
回答1:不知道你是怎么寫的,我發(fā)下我的思路:
結(jié)構(gòu)p>(a>img)*3
p設(shè)置個width作為三個圖標的總寬度(可以用百分比自適),然后設(shè)置兩端對齊;a設(shè)置inline-block,然后做個after偽類
p:after { content:''; width:100%; height:0; display:inline-block; overflow:hidden;}
拉平三個圖標,應(yīng)該就可以了。
回答2:你用flex布局我保證不會出這種問題
標簽:
CSS
上一條:css - 安卓內(nèi)嵌H5,padding邊距上下不一致下一條:android.text.Html.fromHtml()無法解析<ol><li> </li></ol>應(yīng)該怎么解決
相關(guān)文章:
1. ubuntu PPA 更新老是不成功該怎么辦2. django - 后臺返回的json數(shù)據(jù)經(jīng)過Base64加密,獲取時用python如何解密~!3. 老哥們求助啊4. node.js - node 客戶端socket一直報錯Error: read ECONNRESET,用php的socket沒問題哈。。5. angular.js - 如何通俗易懂的解釋“依賴注入”?6. css3 - 請問一下在移動端CSS布局布局中通常需要用到哪些元素,屬性?7. 我的html頁面一提交,網(wǎng)頁便顯示出了我的php代碼,求問是什么原因?8. tp6表單令牌9. javascript - vue-router怎么不能實現(xiàn)跳轉(zhuǎn)呢10. html5 - angularjs中外部模版加載無法使用
排行榜

熱門標簽