我发现了一些奇怪的 CSS 错误。
我有一个 <div>
容器,里面有一些文本和一个 Font-Awesome 图标。 <div>
容器的样式使其具有小边框。奇怪的是,边框似乎“认为” <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;
}
最佳答案
尝试将 height: (px you want it)
放入您的 @media query
关于html - 奇怪的边框位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43544723/