文章詳情頁
css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題
瀏覽:148日期:2024-02-27 16:12:56
問題描述
在調(diào)試手機頁面安卓手機的顯示一切正常,如圖
而在蘋果手機顯示第一個圖標向下錯位,如下圖
搞了半天沒搞好,兼容性這塊確實沒咋弄過,請路過的高手支個招,在下不勝感激??!新年快樂,恭喜發(fā)財!!
問題解答
回答1:不知道你是怎么寫的,我發(fā)下我的思路:
結構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. html - 移動端radio無法選中2. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.3. javascript - 使用echarts做一個橫向的柱狀圖,但是數(shù)據(jù)超出坐標軸范圍了怎么辦?4. 正則表達式 - python pandas的sep參數(shù)問題5. javascript - Element UI表格錯行6. mysql - 這條聯(lián)合sql語句哪里錯了7. javascript - es6模塊加載export的輸出值有點沒太搞明白8. javascript - 在靜態(tài)頁面上用load 引入的頁面文件問題?9. javascript - vue-resource如何終止之前的ajax請求?10. css - 移動端 line-height安卓錯位,蘋果機正常用,縮放解決了,可是又出來了占位的問題
排行榜

熱門標簽