Avenger84
Lt. Commander
- Registriert
- Feb. 2008
- Beiträge
- 1.532
Hallo, ich würde gern Fotos passend zum Browser Fenster skalieren lassen, ohne dass es verzerrt wird.
Habe mir schon zig Tutorials durch gelesen und ausprobiert.
Problem: ich kriege es nicht hin dass Bilder in der vertikalen skaliert werden, nur in der horizontalen.
(Wenn ich das Browserfenster auf sagen wir 1500(b)x200(h) schiebe, fehlt das Meiste.)
Dazu reicht schon:
wenn ich den Browser auf 200(b)x1000(h) schiebe, dann wird es passend skaliert.
ob ich da drunter
setze, wie in den Tutorials, macht keinen Unterschied.
Wenn ich es umdrehe:
wird gar nicht mehr skaliert.
Habe noch viele andere Konstellationen probiert - ohne Erfolg.
Ist es wirklich nicht möglich?
Habe mir schon zig Tutorials durch gelesen und ausprobiert.
Problem: ich kriege es nicht hin dass Bilder in der vertikalen skaliert werden, nur in der horizontalen.
(Wenn ich das Browserfenster auf sagen wir 1500(b)x200(h) schiebe, fehlt das Meiste.)
Dazu reicht schon:
Code:
img {
max-width: 100%;
}
ob ich da drunter
Code:
img {
max-width: 100%;
height: auto;
}
Wenn ich es umdrehe:
Code:
img {
max-height: 100%;
width: auto;
}
Habe noch viele andere Konstellationen probiert - ohne Erfolg.
Ist es wirklich nicht möglich?