Wie kann ich ein Bild in das Browserfenster ändern? ⇐ HTML

[Anonymous]

Dies scheint trivial zu sein, aber nach all der Forschung und Codierung kann ich es nicht zum Laufen bringen. Die Bedingungen sind: < /p>


Die Größe der Browserfenster ist unbekannt. Bitte schlagen Sie also keine Lösung vor, die absolute Pixelgrößen beinhaltet. Die Gesamtheit im Fenster (kein Zuschneiden.) < /li>
Ich wünsche keine Scrollbars (und sie sollten nicht, wenn das Bild passt.) < /li>
Das Bild ist automatisch, wenn sich die Fensterabmessungen ändern, um den verfügbaren Platz zu belegen, ohne dass es die ursprüngliche Größe ist. Dies: < /p>

.fit {
max-width: 99%;
max-height: 99%;
}

< /code>

Das Problem mit dem obigen Code ist, dass es nicht funktioniert: Das Bild nimmt den gesamten vertikalen Platz ein, den es benötigt, indem es eine vertikale Scroll -Stange hinzufügt. < /p>

zur Verfügung stellt PHP, JavaScript, JQuery, aber ich würde für eine CSS-Lösung töten. Es ist mir egal, ob es in IE nicht funktioniert.