照理來說，上下兩個塊級元素是不會有間距的，然而在chrome的手機(jī)調(diào)試下會出現(xiàn)迷之縫隙，這是我的代碼，沒有任何外來或是繼承得到的樣式:<!DOCTYPE html><html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>strange gap</title>
<style>
li { height: 360px; background: #000;
} html,body { margin: 0; padding: 0;
} div { display: block; margin: 0; padding: 0; border: 0; height: 360px; background: #000;
} </style></head><body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div></body></html>在chrome的手機(jī)調(diào)試下是這樣的嘗試了firefox和edge，都是正常的，在真機(jī)上，安卓和ios都會出現(xiàn)這個現(xiàn)象，初步懷疑是webkit內(nèi)核的問題。目前是將margin-top設(shè)置為負(fù)值來消除這個間隙，有人知道這是什么原因嗎？
- 2 回答
- 0 關(guān)注
- 604 瀏覽
添加回答
舉報
0/150
提交
取消