obrázky pro responzivní web Vyřešeno

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

obrázky pro responzivní web

Příspěvekod pajacz17 » 15 srp 2014 07:16

Ahoj, můžete mi prosím poradit, jak nadefinovat obrázky pro responzivní web? Jedná se o to, mám třeba div main, ve kterém je nastavena šířka 80% prohlížeče. V něm jsou dva obrázky o velikosti 150px. Když se to zobrazuje na pc a rozlišení je třeba 1024 px tak je tam dost místa pro text , ale když se to třeba zobrazí na mobilu, který má rozlišení 400px tak oba obrázky zaberou 300px. Pro responzivní design se mají zadávat hodnoty width, margin a padding v procentech, ale u obrázku přece nemůžu dát procenta, protože to změní akorát velikost oproti velikosti obrázku. Děkuji za rady.

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: obrázky pro responzivní web

Příspěvekod CZechBoY » 15 srp 2014 11:23

čau,
tak tam dej div, tomu dej procenta a do divu dej img s width 100%
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Re: obrázky pro responzivní web  Vyřešeno

Příspěvekod pajacz17 » 16 srp 2014 22:17

Perfekt. Díky moc to by mohlo byt ono.


Zpět na “Web-tipy a vaše weby”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 1 host