Twitter bootstrap 引导转盘调整高度

我是Bootstrap的新手，我对carousel有个问题。我需要在大屏幕PC上设置700px的高度，在手机上设置500px的高度。我怎么做？我这样说：

 @media (min-width: 320px){
    .carousel-caption p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
    }
    .carousel {
    height: 500px;
    margin-bottom: 60px;
    }

    .carousel .item {
    height: 500px;
    background-color: #777;
    }
    .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
    }

}

我等待答复

---

谢谢

我无法测试它，但如果你想在宽度小于320px的设备中使用500px的高度，你的媒体查询应该是@media max height:320px，而不是@media min width:320px

编辑：

我对它进行了测试，这种方法有效：

@media (max-width:320px){
  .carousel{
     height:50px;
   }
}

这样，对于宽度为0到320的分辨率，.carousel类的高度将为50px

---

如果这解决了您的问题，请不要忘记投票并选择以下答案：

谢谢您的回复！我已经测试过了，但我认为我错了，因为我不知道如何使用媒体查询。例如，我使用“@media max height:320px{…code 1…}@media min height:760px{…code 2…}”，在媒体查询中，我将code 1与其他高度值放在一起，这可以理解吗？如果你不明白我的意思，我会尽量说得更清楚！我不知道我是否理解你，但我想我也犯了一个错误。它的最大宽度是：320px分辨率的宽度，当你得到这个宽度或更小时，你希望转盘的高度是：500px。请这边走。如果这不起作用，尝试使用最大高度：500px；抱歉耽搁了！我用另一个解决方案解决了这个问题，我将高度调整为100%，效果更好！。不管怎样，我证明了你的建议，但没有用…谢谢你的时间！