Proportional die Größe ändern das Bild basiert auf übergeordneten div-Größe

Ich bin mit gesamte browser-Breite, Höhe, jquery blockUI zur Anzeige der ausgewählten Bild aus der Galerie. Auf dem Bild unten wird eine Schema-Ansicht in blockUI.
Im Grunde view in side blockUI hat die Breite und Höhe auf 100% gesetzt.
Im inneren befinden sich zwei weitere divs. Recht hat die Breite auf 80% eingestellt der Blick und das Bild enthalten.
Bild hat die Breite und Höhe auf 100% gesetzt (aber das ist falsch, ich weiß).
Bilder, die ich hier ausgestellt sind Bilder in Originalgröße hochgeladen von Nutzern. Aber wenn der monitor ist 1024x768 und das Bild hochgeladen ist 600x1900 ich weiß nicht, was an diesem Bild erlischt der Bildschirm.
So wie ich das beheben kann, um anzuzeigen, dass Bild zentriert und proportional?

InformationsquelleAutor 1110 | 2011-11-15

12

Verwenden max-width und max-height, müssen Sie JavaScript in IE 6, wenn Sie brauchen, um es zu unterstützen:
```
#blockUI img {
    max-width: 100%;
    max-height: 100%;
}
```
Dieser hält die img element, das Seitenverhältnis bei der Größenänderung, bis die maximal mögliche Breite und Höhe.

InformationsquelleAutor Andy E

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.