中心对齐导航栏与@media查询无法在Firefox和IE中工作

Question

我正在创建一个带导航栏的视频集线器。我没有使用手风琴导航折叠，而是希望菜单进入下一行并居中。这是我曾经有过这种效果的代码。

@media screen and (max-width: 850px){
  .navbar ul li {
    float: center;
    display: inline-block;
  }
  .last {
    background: none !important; 
  }

} 

此代码段在Chrome中完美运行，但在Firefox和IE中，导航栏不会居中。 .last类的媒体查询更改有效，因此我知道问题不在于媒体查询，而在于Firefox和IE如何呈现导航栏。

有没有人就如何解决这个问题提出建议？如果需要，我可以分享更多代码。这是网站：http://fivebehaviors.hubs.vidyard.com/

Answer 1

正如sdleihssirhc所说，我认为text-align:center;可以用于ul。它可能无法工作，因为似乎ul宽度超出了内容，所以也许尝试将width:auto;放在ul上。另一方面，您可以对ul和navbar div执行相同的操作，并尝试将margin:0 auto;置于中心位置。