我在drupal 7网站中使用了下拉导航菜单,将鼠标悬停在每个父项上,可以正确地列出其子菜单,但是某些子菜单的宽度大于其他子菜单,因此我在CSS中将"width: -moz-max-content; position: relative;"
用于Firefox ,以便所有子菜单的宽度都等于具有最大内容的子菜单的宽度。这仅在firfox中完美运行,但不适用于IE和chrome,请告诉我IE和chrome是否有替代的CSS属性/方法来解决此问题。
最佳答案
很明显,-moz-max-content
仅在Firefox中有效,因为它以-moz
开头。
对于Chrome,您必须使用:-webkit-max-content
对于Opera:-o-max-content
对于IE(它应该可以工作):max-content
或-max-content
或-ms-max-content
(由于使用Linux,我无法对其进行测试)