奇怪的边境安置

Question

我发现了一些奇怪的CSS错误。

我有一个<div>容器，里面有一些文本和一个Font-Awesome图标。 <div>容器的样式设置为边框较小。奇怪的是边界似乎＆＃34;认为＆＃34; <div>只是实际高度的一半。

这种情况仅发生在Chrome移动版（Android）中，但不会发生在Chrome桌面上（未经过Safari和co ...测试）

HTML

<div class="sidebar">
    Lade Daten... <li class="fa fa-spin fa-spinner"></li>
</div>

CSS

@media only screen and (max-width: 860px)
{
    .sidebar {
        position: relative;
        width: auto;
        margin: 0 20px;
    }
}

.sidebar {
    position: absolute;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    margin-left: 20px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.9);
    width: 335px;
    box-shadow: 2px 2px 5px;
}

body {
    margin: 0;
    background: rgb(60,60,60);
    font-size: 16px;
    font-family: 'Share Tech Mono', Arial;
}

Answer 1

尝试将height: (px you want it)放入@media query