如何阻止导航栏在调整大小时换行到第二行,例如 FB 导航栏?



当屏幕调整大小/缩小时,我的导航栏重叠/换行到第二行。这看起来很乱。我已经为媒体设备使用了切换按钮,但这并不能解决人们何时调整窗口大小的问题。

我可以举两个网站的例子来说明我希望通过我的导航栏/页面实现的目标:

  1. https://www.facebook.com/
  2. http://www.dailymail.co.uk/home/index.html

请注意,这两个网站在调整屏幕大小时,页面保持不变;虽然窗口缩小了,但页面上的任何内容都没有减少。导航栏保持不变。

这就是我想要实现的目标,但我不确定如何实现?

是否可以仅使用菜单/导航栏来实现这一点?而不是让整个网站固定在适当的位置?

尝试使用display:table-cell和父元素的样式应该display:table

或者你可以选择弹性。

最新更新