Lekce 5 - Responzivní obrázky - Resolution switching a Art direction
V předchozí lekci, Dokončení responzivního menu, jsme si vytvořili jednoduché responzivní menu metodou mobile-first pro desktopy a tablety s využitím @media.
V tomto tutoriálu responzivního webdesignu se podíváme na to, jak na webu přizpůsobit obrázky pro mobilní zařízení.
Přetékající obrázek
Nejčastější problém s obrázky je, že se na displej telefonu nevejdou. Tím pádem přetečou a zobrazí se posuvníky (scrollbary). Obrázky často nahráváme na web přes různé administrační nástroje a mají často větší rozlišení, než jaké chcem
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
175 Kč
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V HTML a CSS tutoriálu si ukážeme několik způsobů, jak přizpůsobit obrázky na našem webu pro mobilní zařízení a to jak rozměrem, tak i obsahem.
