Question

我有一个奇怪的问题。我在Wordpress中使用Bones主题，只是尝试在我的主页菜单上添加样式。

该网站是h * Xp：//www.advanceditsolutions.net/nearitest/

我试图使用的CSS是：

.home ul#menu-pages {
    display: -webkit-box;
}

我在两个媒体查询部分都有它，min-width：481和min-width：768。我也在媒体查询范围之外尝试过它，没有运气。我无法弄清楚为什么它不会被拿起来。我在网站上检查它，在任何地方我都看不到显示CSS。

糟糕的是，大多数浏览器的展示位置都很好，但是Chrome浏览器全部都被搞定了。

:: scratchches head ::

Answer 1

1）首先，您使用的供应商前缀-webkit-仅适用于特定的浏览器。

2）检查值是否正确。 Here is display属性的所有可能值的列表。 您确定 -webkit-box是否可以应用于display的正确值？

也许不是告诉您要应用的CSS，不起作用，分享更大的上下文，截图并告诉我们您想要实现的目标。

3）您是否使用了一些开发人员工具，例如Chrome Dev Tools，Firebug或类似应用程序和测试样式？它很方便，可以节省你的时间，试图弄清楚什么是错的......

Answer 2

我可以看到它在min-width：768媒体查询中工作。根据我所看到的情况，你只在样式表中包含一次。

这里有两个关键问题： 1）此css将仅定位主页，因为您已将'.home'用作选择器的一部分。 2）您使用了'-webkit'供应商前缀，因此它只适用于在该引擎上运行并支持该属性的浏览器。我建议不要这样做。你可能最好使用flex展示类型。