2012-03-28 8 views
1

Was ist die beste Vorgehensweise, um die maximale Bildbreite im Browser zu begrenzen, mit nur HTML und CSS? Ich habe auf Google.com gesucht und keine guten Ergebnisse gefunden. Vielen Dank!Limit maximale Bildbreite auf Web-Browser

Auch ich möchte das Proportionshöhenverhältnis auch behalten.

Antwort

4

Verwendung style="max-width:NNNpx" (oder max-height:NNNpx) (Sie % als Maß auch nutzen können - zB max-width:10%)

+2

Ich erinnere mich, dass IE diese Funktion nicht unterstützt. Außerdem möchte ich auch das Proportionenhöhenverhältnis beibehalten :) – user1187968

+0

'max-width' wird in IE7 + unterstützt. http://msdn.microsoft.com/library/ms530811.aspx – Ryan

+1

Überprüfen Sie diesen Artikel über ältere Versionen von IE, um gut mit max-Breite zu spielen: http://www.svendtofte.com/code/max_width_in_ie/ – huzzah

1

Sie die Breite der Bilder beschränken können mit CSS:

img.limit-width { 
    max-width:50%; 
} 

Sie px verwenden können, und em zusätzlich zu einem Prozentsatz.