Autor | Zpráva | ||
---|---|---|---|
pavelrejha Profil |
#1 · Zasláno: 17. 10. 2021, 21:09:56
Zdravím,
nevíte prosím někdo, jak se dělá automatické zmenšování a zvětšování IMG v závislosti na velikosti okna prohlížeče? JS nebo CSS? Děkuji Pavel |
||
RastyAmateur Profil |
#2 · Zasláno: 17. 10. 2021, 23:39:17
pavelrejha:
V css pomocí width: 50%; ? Případně jednotky vw (viewport width).
|
||
pavelrejha Profil |
#3 · Zasláno: 18. 10. 2021, 11:49:15
Viděl jsem na stránkách IMG, který se automaticky zmenšoval, když jsem zmenšil okno prohlížeče... Nemyslím si, že u IMG byla nastavena předem daná velikost v px nebo %. Funguje to stejně, jako TABLE.
|
||
anonym_ Profil * |
#4 · Zasláno: 18. 10. 2021, 12:08:15
pavelrejha:
Tak se podívej do zdrojáku té stránky, ne? Jinak pokud má obrázek nastaveno (max-)width: 100%, tak se zmenšuje s rozlišením monitoru. To je ale řešení staré asi 15 let. Nově se posílají různým rozlišením různé formáty, aby se dosáhlo lepší datové efektivity, aby se mohlo pracovat s různými proporcemi téhož obrázku na různých zařízeních (např. obdélník na desktpu vs. čtverec na telefonu), atd. Klíčový atribut pro tebe bude v tomto případě srcset .
|
||
pavelrejha Profil |
#5 · Zasláno: 18. 10. 2021, 12:33:48
Ve zdojáku je toto:
<meta property="og:image" content="https://#.jpg"> Ale děkuji za ten srcset
|
||
anonym_ Profil * |
#6 · Zasláno: 18. 10. 2021, 12:38:57
pavelrejha:
To s tím nemá nic společného, og:image je obrázek, který se použije, pokud se stránka odkáže na facebooku (a možná i jiných soc. médiích). Více info při hledání "open graph (protocol)".
|
||
Keeehi Profil |
#7 · Zasláno: 18. 10. 2021, 13:34:04
pavelrejha:
„Nemyslím si, že u IMG byla nastavena předem daná velikost v px nebo %.“ V pixelech ne ale v procentech ano. Takhle můžeš vytvořit obrázek, který bude zabírat vždy polovinu šířky zobrazené plochy. |
||
Časová prodleva: 3 roky
|
0