Responsive design 地基5顶杆响应高度 我只是想根据屏幕大小来改变基础5的顶部条导航的高度。

例如，小屏幕上的顶栏高度应为100px， 在中等屏幕和更大屏幕上，高度应为150px

谢谢你的帮助！ Markus将此添加到您的css中

.top-bar {
  height: 150px;
  line-height: 150px;
}

移动屏幕的媒体查询

@media only screen and (max-width: 40em) { 
  .top-bar{
    height: 100px;
    line-height: 100px;
  }
}

---

我不得不把课堂也放在媒体查询里。对我来说，效果更好：。顶栏{高度：150px；}@media-only屏幕和（最大宽度：40em）{。顶栏{高度：100px；}}这不是一种有效的方法。菜单中的元素将拾取顶栏高度参数，并且不会跟随顶栏的高度。