5. diel - Responzívne obrázky - Resolution switching a Art redirection
V predchádzajúcej lekcii, Dokončenie responzívneho menu, sme si vytvorili jednoduché
responzívne menu metódou mobile-first pre desktopy a tablety s využitím
@media.
Dnes sa pozrieme na to, ako na weboch prispôsobiť obrázky pre mobilné zariadenia.
Pretekajúci obrázok
Najčastejším problémom s obrázkami je, že sa na displej telefónu nezmestia. Tým pádom pretečú a zobrazia sa scrollbary. Obrázky často nahrávame na web cez rôzne administračné nástroje a majú často väčšie rozlíšenie, než aké chceme v článku zobraziť. Preto im v editore nast
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
7 €
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V HTML a CSS tutoriále si ukážeme niekoľko spôsobov, ako prispôsobiť obrázky na našom webe pre mobilné zariadenia a to ako rozmermi, tak aj obsahom.
