Chrome 浏览器呈现不可预测的移动布局

Chrome 浏览器呈现不可预测的移动布局

我在调试这个问题时遇到了很大困难,我可能也会看看其他人是否遇到过类似问题。我发现 Webkit 浏览器在我正在开发的网站上用于移动布局的堆叠菜单中渲染了额外的空间。描述此问题的最佳方式是使用以下图片:

带有检查器的 Chrome 浏览器

您可以看到已选择并显示内边距。没有边距,但内边距顶部和兄弟元素的底部边框之间有一些空间。以下是它在 Firefox 中应有的样子:

带有 Firebug 的 Firefox

我很想知道社区是否知道到底发生了什么!当我浏览检查器时,我无法突出显示有问题的区域,这使得诊断非常困难,正如我所说的那样。

答案1

你也可以展示你的 css 吗?我猜你已经添加了一些顶部和底部边距/填充。FF 正在合并,而 chrome 没有。

相关内容