# 022: Flexy Images (Slike in podobe) - CSS-triki

Anonim

Preden smo se lotili tipografije, sem pomislil, da bomo odpravili nadležno stvar, kjer slike propadajo zunaj področja članka in mreže. Z uporabo nekaterih preprostih pravil CSS, da preglasimo atribute in slog vdelane slike, lahko slike zmečkamo, da se prilegajo naši objavi s pravilno velikostjo.

Takšne slike so bile prej precej ohlajene, saj so brskalniki slabo spreminjali velikost, vendar to ni več tako. Pravzaprav je dobra ideja, saj zasloni dobivajo višjo ločljivost, saj bodo slike ostrejše.

S spreminjanjem velikosti se v bistvu ukvarjajo:

figure img ( max-width: 100%; height: auto !important; )

Slike in podobe oblikujemo le malo, da izgledajo, kot veste, kot ustrezna slika v objavi v blogu.