Lekce 5 - Responzivní obrázky - Resolution switching a Art redirection
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.
Dnes se podíváme na to, jak na webech 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 vytečou a zobrazí se 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é chceme v článku zobrazit. Proto jim v editoru nastavíme ší
...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 tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- 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íť.
