我们还对网站的设计做了很多介绍,我们应该稍微了解一下。现在让我们假设在响应中设计一些页面的顶部导航栏。当页面显示在小屏幕上时,我们通常会将响应设计“分解”成更紧凑的格式。



对列进行分类,减少列的数量,并通过下拉菜单选择一个中间类来显示子列。简而言之,列变为行,扭曲内容。当一个布局显示在一个小窗口上时,所有未处理的列都以行表示。但是内容的扭曲在无意中改变了设计水平。

但是,如果显示区域比断点宽,并且不足以显示一行中的所有菜单项,则会导致菜单折叠并影响美观设计。

对于专业网站Mont来说,这种方法很简单:指定元素的高度、宽度和内边缘。如果它移出其位置并覆盖其他元素,则可以将其包装在div容器中,并建立外部空间以迫使其回到其原始位置。