Question

美好的一天Sir / Maam ..

我只是想问一下，并从你的意见中得到一些想法，你可以给出或如果可能的确切代码:)。我在我的第一个网站设计工作，我有这个问题，当我完全重新调整我的窗口大小时，如何更改我的导航栏的值或内容。我不知道如何解决这个问题..所以这里需要帮助..谢谢！

这是我的示例项目

的输出

我的导航栏已完全调整大小

我的导航栏，当我调整最大宽度为580像素并单击菜单栏时

当我再次完全调整它并使我很难想到将其变为正常时，这就是它的样子。

抱歉我的英语不好..希望了解我的问题并给出一些解决这个问题的想法..非常感谢！

Answer 1

如果您需要在图片使用CSS

中完全按照

@media only screen and (max-width: 768px) { 

.your_class{
font-size:0px;
}
}

根据需要改变宽度。您也可以使用最小宽度。

Answer 2

你可以寻找css媒体查询：

＆＃13;

@media (max-width: 600px) {
  li span { /* on mobile screens span will be hidden try resizing. */
    display: none;
  }
}

＆＃13;

<ul>
  <li>icon <span>users</span></li>
  <li>icon <span>profile</span></li>
  <li>icon <span>mail</span></li>
</ul>

＆＃13;