Arányos átméretezni a kép szélessége és magassága - verem túlcsordulás az orosz
Van használt szabványos eljárás a display: block; és max-szélesség: 100% a képek:
Ha a növekedés / csökkenés a tartály szélessége, a kép csökkenti / növeli a szélessége, és ezzel egyidejűleg arányosan csökkenti / növeli a magasságát. Ez egy nagyon jó funkció a képek, amelyek sokat segít.
Hogyan lehet, hogy a növekvő / csökkenő magassága a tartály, a kép úgy viselkedett, mint az első esetben: a kép magassága egyenlő lesz a magassága a tartály és a kép szélessége is arányos a növekedés / csökkenés? Hogyan kell ezt csinálni JavaScript nélkül? (Hogyan tudom a JavaScript.) Használhatja a legdivatosabb darabjait CSS3.
meghatározott augusztus 5 '13 at 19:11
Általában, mint kiderült, elég csak egy szabály, és blokkolja a tartály körül a kép skála és magassága - max-height: 100%:
Itt Könnyen hegedű. (Természetesen, újraméretezi kell zhsfiddlovsky keret (aka konténer)).
Empirikusan azt találtuk, hogy ez csak akkor lehetséges belül resazy blokk elemek (például, test). Elemek display: table és display: table-cell kép átméretezése kaput, és kijelzővel: flex nem átméretezni egyáltalán.
Lesz arányosan átméretezi a JavaScript.
Ha jól értem, meg kell változtatni a kép méretét, ha az ablak magasságában a böngésző méretét.
Ebben az esetben a CSS azt jelenti, hogy nem lehet tenni ugyanúgy, mint a szélessége, az az oka, hogy a magasság, mert nincs határa, ezért nem lehet beállítani a magasságot képest a böngésző ablakot százalékban.
Ebben a helyzetben, még mindig látni egyetlen kiút - a média kérések (@media). Sima kép változik itt vár nem szükséges, bár néhány utánzás, de lehet tenni:
A példában, változtatni keret.
Válaszol augusztus 5 '13 at 23:48