Zurb responsive-image-Größe nicht funktioniert
Benutze ich zurb und ich habe 1 Zeile und 4 Spalten und ich habe 4 Bilder in diesen 4 Spalten.
Die Bilder sind nicht alle von der gleichen Größe, so, bevor Sie die Bilder 100% Schärfe, ich muss geben Sie Breite und Höhe für jeden.
Ich würde gerne Fragen, welche Klasse muss ich verwenden und wie würde meine Bilder reagieren(ratio), während ich das verkleinern meiner browser-Fenster, und Sie mit, der Größe der Kolonnen, die reaktionsschnell Weg?
Dies ist mein code:
<div class="row">
<div class="three columns">
<img src="something.jpg" style="width:220px; height:200px;" />
</div>
<div class="three columns">
<img src="something.jpg" style="width:223px; height:190px;" />
</div>
<div class="three columns">
<img src="something.jpg" style="width:210px; height:150px;" />
</div>
<div class="three columns">
<img src="something.jpg" style="width:210px; height:195px;" />
</div>
</div>
Ich glaube nicht, verwenden Sie inline-CSS, es ist nur ein Beispiel für die Breite und Höhe.
Danke.
Irgendwie musste ich diesen Teil kommentiert innen .css: /* Linie 45, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zurb-foundation-3.0.4/stylesheets/foundation/grid.scss */ img, object, embed { max-width: 100%; height: auto; } Mit diesem meine Bilder reagieren.
Markieren Sie die Frage selbst beantwortete.
Markieren Sie die Frage selbst beantwortete.
InformationsquelleAutor sensei | 2013-01-22
Du musst angemeldet sein, um einen Kommentar abzugeben.
Irgendwie musste ich diesen Teil kommentiert innen .css:
Mit diesem meine Bilder reagieren.
InformationsquelleAutor sensei