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.

InformationsquelleAutor sensei | 2013-01-22

Schreibe einen Kommentar