Předvánoční Black Friday Předvánoční Black Friday
Až 80% zdarma! Předvánoční BLACK FRIDAY akce. Více informací
Avatar
skilledt
Člen
Avatar
skilledt:29. ledna 18:19

Zdravím, mám trochu zmatek v tom, jak napsat web, který je plně responzivní. Chápu, že se k tomu využívají hlavně media queries a použití relativních jednotek v css. Přesto ne vždy se dají relativní jednotky použít, někdy se člověk px nevyhne. Chápu dobře, že u responzivního webu je snaha co nejvíce používat relativní jednotky, nejlépe % ? Případy kde použiji px pak ošetřím pomocí media queries? Případně existují nějaká doporučení kde jaké jednotky používat apod. Pokuď by někdo věděl o nějakých dobrých příkladech či článcích na toto téma, také určitě nepohrdnu :)
Předem děkuji za odpověď

 
Odpovědět 29. ledna 18:19
Avatar
IT Man
Redaktor
Avatar
Odpovídá na skilledt
IT Man:29. ledna 18:31

Ahoj, nejlepší by bylo pracovat s flexboxem nebo Gridem. Samozřejmě je ale dobré používat i to, co jsi zmínil ty - media queries a %, popř. na font jednotky rem, em apod.
Článek na flexbox: https://www.itnetwork.cz/…nich-layoutu
Honza Bittner měl nedávno přednášku na Grid a proměnné:
https://www.itnetwork.cz/…az-itnetwork#…
Popř. můžeš mrknout na seriál s tvorbou responzivního designu:
https://www.itnetwork.cz/…ni-webdesign

Editováno 29. ledna 18:31
Nahoru Odpovědět  +2 29. ledna 18:31
Cokoliv a kdokoliv může jednou uspět.
Avatar
Odpovídá na skilledt
Jan Čepelák:6. března 21:49

Responzivní design se většinou nevyhne použití px, alespoň pro udání media querries to asi není nijak špatné (alespoň jsem se doposud nesetkal s nikým, kdo by to považoval za nějakou velkou chybu), ale pro objasnění doporučuji : https://medium.com/…3767e5f06feb
a případně se třeba podívat na dokumentaci k bootstrapu, jak se zde nakladá s elementy a media querries.

 
Nahoru Odpovědět 6. března 21:49
Avatar
Daniel Szabo
Člen
Avatar
Odpovídá na IT Man
Daniel Szabo:13. března 15:50

Díky za odkazy. Tohle jsem hledal :)

Nahoru Odpovědět 13. března 15:50
Make an mistake learn from it and rise up.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.