仅在 iPad 纵向上居中引导导航栏项目？

Question

有可能吗？

我一直在尝试使用以下媒体查询将导航栏项目居中：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .navbar .navbar-nav .navbar-right>li {
      display: inline-block;
      float: none;
      vertical-align: top;
}

   .navbar .navbar-collapse {
       text-align: center;
  }
}

我也试过了

margin: 0 auto;

Answer 1

你是http://jsfiddle.net/sLhxq16p/3/

@media handheld, only screen and (min-width: 768px), only screen and (min-device-width: 768px), only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) and (orientation: portrait) {
    .nav li {
        text-align: center;
    }
}

仅限 iPad 纵向（iPad 3 和 4）

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
   .nav li {
        text-align: center;
    }
}

仅限 iPad 纵向（iPad 1 和 2）

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .nav li {
        text-align: center;
    }
}