物品在野生动物园中没有正确对齐

Question

我的操作栏中的元素不会保留在 Safari和ipad 中。它甚至可以不规则地上下移动（正如您在下面的两个不同图像中看到的那样）。由于ipad上的chrome是基于safari webkit引擎构建的，所以应该是这样做的。

我似乎无法找到解决方案。

在下面的图片中，您可以看到它以div.profile开头。

nav .profile {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}

还有更多代码，但我放入JSfiddle。 使用Bootstrap 3并且我使用的是flexbox，可能值得一提。

任何人都知道更多

http://jsfiddle.net/ynwvvzt0/

Answer 1

将此添加到您的css。

nav a.icon, nav .profile, nav .profile div {
    display: inline-block;
    vertical-align: top;
}