Koon muuttaminen suhteessa CSS:llä?

Onko mahdollista muuttaa kuvien kokoa (pienentää) suhteellisesti käyttämällä VAIN CSS:ää?

Teen JavaScript-tapaa, mutta yritän vain nähdä, onko tämä mahdollista CSS:n avulla.

Vadim Ovchinnikov
Muokattu kysymysT66 maaliskuu 2018 в 11:16
Ohjelmointi
html css image-resizing
T44 huhtikuu 2009 в 11:40
32 näkymät

Kuvan koon muuttaminen suhteessa CSS:n avulla:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Zanon
Muokattu vastausta T11 kesäkuu 2017 в 8:51
Kommentit (9)

Css-ominaisuudet max-width ja max-height toimivat hyvin, mutta IE6 ja uskoakseni IE7 eivät tue niitä. Haluat käyttää tätä korkeuden/leveyden sijaan, jotta et vahingossa skaalaa kuvaa suuremmaksi. Haluat vain rajoittaa enimmäiskorkeutta/leveyttä suhteessa.

Kommentit (3)

toimi hienosti minulle ... Vai onko minulta jäänyt jotain huomaamatta?

Edit: Mutta katso Shawn'n varoitus vahingossa tapahtuvasta suurentamisesta.

Thanatos
Muokattu vastausta T00 tammikuu 2017 в 8:55
Kommentit (2)