2016-05-01 8 views
0

Ich habe diesen reinen CSS Schieberegler auf GitHub, den ich verwenden möchte, aber es reagiert nicht und ich brauche es zu sein. Ich habe versucht, .gallery .item zu width:100% zu ändern, aber aus irgendeinem Grund muss die Höhe in Pixeln eingestellt werden, weil % scheint nicht zu funktionieren, und wenn ich keine Höhe definieren, sind die Folien nicht ganz sichtbar.Wie man Galerie CSS Schieberegler von GitHub reaktionsfähig

Hier ist die Demo: http://wap9.info/6334

Quelle GitHub: http://benschwarz.github.io/gallery-css/

Wie Sie sehen können, wenn Sie das Browsergröße reduzieren, bleibt die Schieberhöhe gleich. Kann ich das ansprechen?

Antwort

0

Es ist bereits reaktionsfähig. Wenn ich die Höhe und Breite meines Browsers ändere, ändert sich der Held/Slider entsprechend und nichts scheint zu brechen.

BEARBEITEN :: Versuchen Sie die Hook-Klasse js-autoheight aus dem Heldenbereich zu entfernen.

+0

Ich habe meine Frage bearbeitet mit: "Wenn Sie die Größe Ihres Browsers reduzieren, bleibt die Höhe des Schiebereglers gleich. Kann ich ihn ansprechen?" Versuchen Sie es mit der dritten Folie und sehen Sie, wie sich dies auf das Bild auswirkt. Ich werde auch Bildhintergründe verwenden und möchte, dass sie auf jeder Bildschirmgröße vollständig sichtbar sind. Vielen Dank. – user1724434

+0

Oh, du meinst also, du willst nicht, dass das Hintergrundbild abgeschnitten wird? Ich glaube, ich verstehe dich falsch. Wenn ich die Größe des Browsers reduziere, ändert sich die Höhe des Sliders. http://i.imgur.com/Ert5hYd.gif – Omrii

+0

Richtig, ich möchte nicht, dass das Hintergrundbild abgeschnitten wird. Wenn Sie die Größe des Browsers horizontal von rechts nach links verkleinern, möchte ich, dass die Höhe proportional angepasst wird, wie es bei den meisten responsiven Schiebereglern der Fall ist. http://www.jssor.com/ – user1724434

Verwandte Themen