基础5顶杆响应高度

Question

我只想根据屏幕尺寸更改Foundation 5的顶栏导航的高度。

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

感谢您的帮助！ 马库斯

Answer 1

将此添加到您的css

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

移动屏幕的媒体查询

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