Bootstrap-Karussell Höhe anpassen

Ich bin neu in der Bootstrap-und ich habe eine Frage zum Karussell. Ich brauche, um eine Höhe von 700px auf großen Bildschirmen (pcs) und eine Höhe von 500 Pixel für Handys. Wie kann ich es tun? Ich habe diese:

 @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;
    }

}

Ich auf eine Antwort warten.

Dank!

InformationsquelleAutor Microsource | 2013-12-06
  1. 0

    Kann ich nicht testen, es richtig weiß, aber wenn Sie wollen, um die 500 Pixel Höhe bei Geräten mit einer Breite kleiner als 320px Sie media query sollte @media (max-height:320px) statt @media (min-width:320px).

    EDIT:

    Ich es getestet und so funktioniert es:

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

    Diesem Wege von Resolutionen, die Breite von 0 bis 320, die .carousel Klasse haben 50px Höhe.

    Wenn dies Ihr problem lösen, vergessen Sie bitte nicht zu Stimmen und wählen diese Antwort 🙂

    • Dank für die Antwort! Hatte ich getestet, aber ich denke, dass ich falsch bin, weil ich nicht weiß, wie muss ich den media querie. Zum Beispiel, ich benutze " @media (max-height:320px){...code 1...} @media (min-height:760px){...code 2...} und aus einem media-querie ich code 1 andere Werte für die Höhe (das ist verständlich?) Wenn Sie verstehen mich nicht, ich versuche, mehr Klarheit!
    • Ich weiß nicht, ob ich dich verstehe, aber ich denke, dass ich einen Fehler gemacht auch. Es ist max-width:320px (die Breite der Auflösung) und wenn du hast, die Breite oder weniger, Sie wollen dem Karussell zu haben Höhe:500 Pixel . Versuchen Sie auf diese Weise bitte. Wenn dies nicht funktioniert, versuchen zu verwenden, max-Höhe:500 Pixel;
    • Siehe mein edit bitte !
    • Sorry für die Verspätung! Ich löse dies über eine andere Lösung (die ich einstellen der Höhe bis zu 100% und es funktioniert besser!). Wie auch immer, ich Beweise dein Tipp aber hat nicht funktioniert...
    • Vielen Dank für Ihre Zeit!
    InformationsquelleAutor luidgi27
Schreibe einen Kommentar