Question

目前全尺寸我的导航栏以水平方式设置。我通过使用float left来实现它。

现在我正在尝试制作响应式网站，如何删除浮动左侧，以便它再次回到水平位置？

Answer 1

您可以使用媒体查询来设置响应宽度。当屏幕低于所需的屏幕宽度时，请更改浮动。见下面的例子：

nav { float: left; }

@media only screen and (max-width: 500px) {
    nav { float: none; }
}