文章詳情頁
css - chrome和safari ul li表現布局不一致問題
瀏覽：166日期：2023-01-30 08:42:30
問題描述
為了方便大家了解情況我把網站部署到了服務器，大家可以通過這個網址訪問一下：lijiechu.club
同樣的情況下，iphone6 和 iphone6s自帶的safari瀏覽器也有這個問題。
在chrome中顯示如下：
但是在safari中（MACPro10.10.3 Safar版本 8.0.5）則顯示如下：
調整樣式表很久都沒法使safari保持一致。
請問下各位p+css高手，該怎么調整呢？
問題解答
回答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：我會告訴樓主，在我的safari上拋出來的效果是這樣的嗎？
你有沒有覆蓋瀏覽器默認樣式？
三個li繼承的
vertical-align: baseline;
聲明成middle試一下？
標簽：
CSS
相關文章：
1. javascript - vue提示語法錯誤，請問錯誤在哪？2. css3 - border-bottom 的長度可否超過盒子的寬度呢？實現如下圖效果。（我的書下面的線）3. 淺談vue生命周期共有幾個階段？分別是什么？4. index.php錯誤，求指點5. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎6. javascript - vue.js如何遞歸渲染組件.7. css - 移動端 oppo 手機之 Border-radius8. css - 關于偽類背景問題9. html - JavaScript的Dom操作如何改變子元素的文本內容10. javascript - 為什么我的animation-fill-mode 設置不生效
排行榜
網公網安備