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.
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íš se smluvní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.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.
