html - 固定标题，最小宽度

我在页面上使用position: fixed;固定了标题。

我的想法是，我想向该标头添加一个最小宽度，以便在小于800px的窗口上，整个内容（以及标头）都可以滚动。

从我的研究中，我发现没有任何CSS解决方案。但是，JS-one是什么？

JSFiddle example

最佳答案

您可以应用以下CSS：

@media all and (max-width:400px){
.navbar.navbar-default.navbar-fixed-top {
    position: relative;
  }
}

这将提供您想要的输出。当窗口宽度小于400px;时，标题将可滚动。您可以使用800px;或任何您需要的名称进行更改。

检查您更新的Fiddle.

编辑：

您必须为此学习media query。在您的代码navbar中，位置已固定。在这里，我们应用媒体查询，例如：@media all and (max-width:400px)。这意味着如果窗口宽度小于400px，则它是我们设置为relative的位置。像：position: relative;。

此媒体查询CSS适用于最大宽度400px;，您可以根据需要进行更改。您可以从Here.了解更多信息

希望能帮助到你。