html - CSS 媒体查询中的边距不符合预期

标签 html css media-queries

在这个模板中,我的边距很差,我试图改变上下边距,但仍然没有按预期显示。

http://jsbin.com/ijuwUpOB/11/edit

谁能找出问题所在?

最佳答案

我猜你的意思是悬停列表项时高度错误,对吧? 您在那里设置了 30 的固定高度,这对于列表项来说太小了。 将此高度更改为自动:

@media only screen and (max-width: 600px) and (min-width: 150px) {
  nav li:hover ul {
    height: auto;
  }
}

关于html - CSS 媒体查询中的边距不符合预期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20293608/

相关文章:

html - 容器 div 不显示边框加上左右 div 没有完整的 bg 颜色覆盖

javascript - Angular4-Carousel 不适用于 Angular 5

python - 将变量传递给 Django 2 中的 href 模板

html - 在 HTML 中包围整个主体的元素的属性

php - 包含文件和 https 停止我的 css 工作

css - '@media only ' and ' @media all' 区别

html - 背景变成白色而不是透明(Bootstrap)

html - 共享按钮在移动设备上导致样式错误

html - 媒体查询,哪种方法更好,为什么?

html - 通过媒体查询更改图像