Rails/Bootstrap/css/Responsive Bild Sizing kleine

Ich habe ein Karussell aus Bootstrap die fein arbeitet über min-width: 768pxRails/Bootstrap/css/Responsive Bild Sizing kleine

Die Bilder auf 100% Breite des Behälters skaliert die ganze Seite ist.

Was ich tun möchte, ist, wie die Seite unter 500px Breite sagt: Fix die Höhe der Bilder, so dass sie immer noch in der Breite skalieren, aber nicht über eine bestimmte Höhe gehen. Ich bin froh, wenn sie während dieses Prozesses abgeschnitten werden. Alle Ideen, wie ich dies tun könnte nur CSS oder .erb-Tags

Vielen Dank

Quelle

2017-02-01 Mystic Chimp

Gut, Ihren Code zu veröffentlichen? so kann jeder helfen. –

Vielleicht könnten Sie Hintergrundbilder verwenden. – Ionut

Haben Sie bei Verwendung der @media CSS-Eigenschaft angesehen: Link to instructions.

Sie können dann angeben, max-Breite von 500px in der @ media -Eigenschaft und legen Sie die maximale Höhe des Bildes auf was Sie wollen. Sie müssten dies in Ihr eigenes Stylesheet aufnehmen, damit es die Bootstrap-CSS überschreibt.

Quelle

2017-02-01 15:04:39

ThanksSion das ist was ich brauchte. Nahm mich eine Weile, um es herauszufinden, sogar mit den Anweisungen. Aber ich musste von Min-Breite, die ich für die größeren Größen verwendet, zu Max-Breite für die kleinere Größe wechseln. Danke nochmal. –

Es gibt eine amtierende Klasse img-responsive im Bootstrap, verwenden Sie es mit Ihren Bildern. Es kann dein Problem lösen.

Mehr finden Sie here.

Quelle

2017-02-01 15:51:44

Rails/Bootstrap/css/Responsive Bild Sizing kleine

Antwort

Verwandte Themen