2016-05-25 7 views
0

CSS hat einen Haltepunkt bei 768px festgelegt. Unter oder über dem Haltepunkt werden Objekte entsprechend gedehnt. Genau bei 768px werden sich einige Objekte nicht dehnen. Wie ist das? Schauen Sie sich here in der ersten Reihe unter dem anfänglichen Schieberegler an: bei 768px wird das Bild nicht dehnen, um die verfügbare Breite zu füllen.CSS-Medienabfrage funktioniert nicht wie erwartet bei Haltepunkt

Antwort

1

Sie haben inkonsistente Abfragen.

Die padding-left des panel-grid-cell wird auf 0 wenn max-width: 767px nicht 768px.

// custom-style.css:30164 (when un-minified) 
@media (max-width: 767px) { 
    .thim-welcome-university>.panel-grid-cell:nth-child(2) { 
     padding-left: 0!important; 
    } 
} 

ändern, dass zu 768px :)

+0

Mate, vielen Dank. Wie kann ich alle Medienabfragen auflisten? – Riccardo

+0

Gern geschehen. Ich verwende DevTools von Chrome. Aktivieren Sie die erste Schaltfläche oben rechts und Sie werden einige Änderungen am Fenster sehen. Sie werden dort einige zusätzliche Einstellungen finden. – aifrim

+0

Ich sehe, dass das Stylesheet viele 767 Einstellungen hat ... Sind das falsch? – Riccardo