文章詳情頁
css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽：169日期：2024-02-27 16:12:56
問題描述
在調試手機頁面安卓手機的顯示一切正常，如圖
而在蘋果手機顯示第一個圖標向下錯位，如下圖
搞了半天沒搞好，兼容性這塊確實沒咋弄過，請路過的高手支個招，在下不勝感激！！新年快樂，恭喜發財！！
問題解答
回答1：不知道你是怎么寫的，我發下我的思路：
結構p>(a>img)*3
p設置個width作為三個圖標的總寬度（可以用百分比自適），然后設置兩端對齊；a設置inline-block，然后做個after偽類
p:after { content:''; width:100%; height:0; display:inline-block; overflow:hidden;}
拉平三個圖標，應該就可以了。
回答2：你用flex布局我保證不會出這種問題
標簽：
CSS
相關文章：
1. angular.js - 百度支持_escaped_fragment_嗎？2. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？3. node.js - Vue+Webpack在dev環境下沒有問題build后出現莫名錯誤4. node.js - nodejs+express+vue5. html - css布局問題，在firebug下<a>標簽嵌入<img>標簽但是高度<a>總比<img>多4個像素6. css3 - 這個CSS樣式是什么意思？7. angular.js - angurlarJS的安卓的微信端中用加載ngCookies會出錯的問題8. javascript - ios返回不執行js怎么解決？9. 微信公眾號實現消息模板的推送？10. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。
排行榜
網公網安備