css - Chrome 和 IE 中的下拉子菜单宽度问题

Question

我在我的drupal 7站点中使用下拉导航菜单，将鼠标悬停在每个父项列表上的正确子菜单下，但是某些子菜单的宽度比其他子菜单大，因此我"width: -moz-max-content; position: relative;"在css中用于firefox，这样所有子菜单的宽度都与内容最多的那个相同。这仅适用于 firfox，但不适用于 IE 和 chrome，请告诉我是否有一些替代的 css 属性/方法供 IE 和 chrome 处理此问题。

Answer 1

很明显，-moz-max-content它只适用于 Firefox，因为它以-moz.

对于 Chrome，您必须使用：-webkit-max-content 对于 Opera：-o-max-content 对于 IE（它应该可以工作）：max-content或者-max-content（-ms-max-content我无法测试它，因为我使用的是 Linux）