文章詳情頁
css - chrome和safari ul li表現(xiàn)布局不一致問題
瀏覽：101日期：2023-01-30 08:42:30
問題描述
為了方便大家了解情況我把網(wǎng)站部署到了服務(wù)器，大家可以通過這個(gè)網(wǎng)址訪問一下：lijiechu.club
同樣的情況下，iphone6 和 iphone6s自帶的safari瀏覽器也有這個(gè)問題。
在chrome中顯示如下：
但是在safari中（MACPro10.10.3 Safar版本 8.0.5）則顯示如下：
調(diào)整樣式表很久都沒法使safari保持一致。
請問下各位p+css高手，該怎么調(diào)整呢？
問題解答
回答1：ul.icons li {
display: inline-block;padding: 0.675em 0.5em;vertical-align: middle;
}
加上 試試
回答2：表示我的safari 是正常的，版本 10.0.1 (12602.2.14.0.7)
回答3：能看看你的css樣式表嗎？
回答4：我會(huì)告訴樓主，在我的safari上拋出來的效果是這樣的嗎？
你有沒有覆蓋瀏覽器默認(rèn)樣式？
三個(gè)li繼承的
vertical-align: baseline;
聲明成middle試一下？
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - js 有什么優(yōu)雅的辦法實(shí)現(xiàn)在同時(shí)打開的兩個(gè)標(biāo)簽頁間相互通信？2. css3 - 在sublime text里， 如何讓emmet生成的帶前綴css屬性垂直對齊？3. mac連接阿里云docker集群，已經(jīng)卡了2天了，求問？4. 想找個(gè)php大神仿個(gè)網(wǎng)站。5. html - CSS如何處理圖片縮放問題？6. css3 - Typecho 后臺(tái)部分表單按鈕在 Chrome 下出現(xiàn)靈異動(dòng)畫問題，求解決7. html5和Flash對抗是什么情況？8. javascript - 一個(gè)抽獎(jiǎng)的效果（如圖）？9. javascript - weex和node,js到底是怎樣一個(gè)關(guān)系呢？10. javascript - 求解答，koa-bodyparser獲取到的參數(shù)是空對象，為什么？？？？？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備