我正在尝试让我的网站响应,但我遇到了一些麻烦。当屏幕尺寸缩小时,导航链接会移动到 Logo 下方。因为我使用了 float:right
,所以我不得不将导航链接倒序放置。我还希望 Logo 随导航缩放,但我还没有想出使用 wrappers
的方法。
这是我的 fiddle :http://jsfiddle.net/y9YsK/
最佳答案
您可以使用display:inline
这实际上是对齐菜单项的首选方法
参见 FIDDLE调整
附注我的更正不允许响应。如果在缩小窗口大小时需要菜单保持水平,则必须使用@media 查询和响应式框架来获得该效果。更不用说当尺寸减小到小于 480px 时的汉堡菜单。除此之外。效果很好
关于css - 不使用 float 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22638038/