Inline-flex在移动浏览器上不起作用

Question

I have an nav bar on my site ( http://nerdherdgames.com/ ) that does not want to work on mobile browsers (iOS and Windows Phone). I believe has something to do with the CSS I have on the ul and and li tags. I'm using Display: -webkit-inline-flex on both of those tags. Was inline-flex deprecated in CSS3 by any chance? Any help is always appreciated!

-Rock

Update: I am attempting to use a media query for devices with a width less that X and using inline-table on those.

Update: float: left; is what I ended up going with. Loki Chandu answered it before updated it so, technically is answer is the right answer. Thanks!

Answer 1

float:left;

在移动浏览器中工作正常。

Answer 2

I ended up changing the CSS to use display: block; and float: left;

Answer 3

在我使用display: -webkit-inline-flex情况下display: -webkit-inline-flex对IOS设备起到了作用（在7.1.1和8.4上测试）