如何在移动设备的底部和网络浏览器的顶部固定导航栏？

Question

有什么方法可以在网络浏览器中打开导航栏，在移动设备中打开导航栏？

Answer 1

使用@media 为不同的屏幕尺寸设置CSS

div {
  position: fixed;
  top:0;
  bottom: auto;
}

@media screen and (max-width: 656px) {
  div {
    top:auto;
    bottom: 0;
  }
}

<div>Hello</div>