如何在 CSS 中使用媒体查询来修复菜单？答案

【问题标题】：How to use media queries in CSS to fix the menu?如何在 CSS 中使用媒体查询来修复菜单？
【发布时间】：2014-05-25 16:58:17
【问题描述】：

我的网站：pkgeek.com

分辨率：1024x768

顶部的菜单在此分辨率下看起来不错。如果我缩小，则根本没有问题。但是当我放大时，它变得非常糟糕（只是分散，最后一个菜单出现在下一行）。

我该如何解决？

宽度可以通过媒体查询来控制，例如

@media only screen 
and (min-width : 321px) {
// What style to put to fix that?
}

但是如何控制这个菜单呢？

【问题讨论】：

【解决方案1】：

尽管每个菜单元素都有边框，但您可以将每个 <li> 元素设置为 display:inline-table

【讨论】：