Zadejte hledaný výraz...

Pomoc s pochopením sizes atributu u <img>

Martin
verified
rating uzivatele
(62 hodnocení)
25. 9. 2021 00:27:10
Ahoj,
Učím se pracovat s responzivními obrázky a není mi jasná jedna věc.
Když mám třeba
Jde mi o to, čeho se týká podmínka max-width v parametru sizes. Buďto jde o reálnou velikost plochy, kde bude obrázek zobrazen, nebo o velikost šířky dispeje? Asi by mělo jít o velikost displeje, když je to CSS podmínka, že? Takže když třeba vím, že je rozlišení displaje 600px na šířku, tak první podmínka (max-width: 200px) neprojde, druhá ano. Pokud by byl tedy v daném rozlišení obrázek přes celou šířku displeje, zvolil bych obrázek o šířce 879px. Teď mi jde hlavně o to, když by v daném rozlišení byl např. container layoutu o šířce třeba 600px a obrázek by se zobrazoval přes 50% daného containeru, tedy na šířce 300px, měl bych zvolit následující možné rozlišení, tedy v tomto případě 591px.
Je to tak, nebo to chápu blbě?
A rovnou se zeptám, neexistuje nějaké rozšíření do Chromu nebo jiného prohlížeče, které by přímo na webu jednoduše ukazovalo, který obrázek byl ve skutečnosti použit a třeba i rovnou renderovanou velikost obrázku?
Díky
25. 9. 2021 00:27:10
https://webtrh.cz/diskuse/pomoc-s-pochopenim-sizes-atributu-u-img/#reply1491020
Napsal Martin Kejzlar;1631480
... čeho se týká podmínka max-width v parametru sizes ...
No, tyhle veci jsou docela osemetne ...
- jednoduse receno, urcuje velikost obrazku vzhledem k plose v layoutu (ktery je pokazde jiny)
Se sirkou displeje to nema nic spolecneho, vzdy se pocita se sirkou okna.
Tady je to pekne rozepsane: https://www.vzhurudolu.cz/prirucka/srcset-sizes
25. 9. 2021 09:44:34
https://webtrh.cz/diskuse/pomoc-s-pochopenim-sizes-atributu-u-img/#reply1491019
John215
verified
rating uzivatele
29. 9. 2021 11:03:03
You can change the size of an image in HTML5 with the help of height and width attributes.
McDVOICE
29. 9. 2021 11:03:03
https://webtrh.cz/diskuse/pomoc-s-pochopenim-sizes-atributu-u-img/#reply1491018
Pro odpověď se přihlašte.
Přihlásit