文章詳情頁
css - chrome和safari ul li表現(xiàn)布局不一致問題
瀏覽:127日期: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保持一致。
請(qǐng)問下各位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. html5 - ElementUI table中el-table-column怎么設(shè)置百分比顯示。2. python - 使用readlines()方法讀取文件內(nèi)容后,再用for循環(huán)遍歷文件與變量匹配時(shí)出現(xiàn)疑難?3. 對(duì)mysql某個(gè)字段監(jiān)控的功能4. css3 - less或者scss 顏色計(jì)算的知識(shí)應(yīng)該怎么學(xué)?或者在哪里學(xué)?5. 注冊(cè)賬戶文字不能左右分離6. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能7. css - 網(wǎng)頁div區(qū)塊 像蘋果一樣可左右滑動(dòng) 手機(jī)與電腦8. javascript - 數(shù)組的過濾和渲染9. html - vue項(xiàng)目中用到了elementUI問題10. JavaScript事件
排行榜

熱門標(biāo)簽