文章詳情頁
css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽：243日期：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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能？3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 配置Apache時，添加對PHP的支持時語法錯誤5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎？8. phpstudy8.1支持win11系統嗎？9. 實現bing搜索工具urlAPI提交10. Apache 已經把網站根目錄的改為allow from all了，但是服務器還是不能訪問？
排行榜
網公網安備