Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 2. diel - Responzívny webdesign pomocou Media Queries v CSS3

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:17.1.2015 13:13

Na tuto sérii článků se těším :)
, ale odkaz v článku http://sassmeister.com/…651cedcc4f0e mi nefunguje.

Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na TomasGlawaty
Honza Bittner:17.1.2015 13:45

Správný odkaz http://sassmeister.com/…04d151843f95

Asi mi to napoprvé vygenerovalo špatný...

Odpovedať
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovedá na Honza Bittner
Neaktivní uživatel:17.1.2015 19:55

Aktualizuj to prosím i v článku.

Odpovedať
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Neaktivní uživatel
Honza Bittner:17.1.2015 20:26

Čeká to na schválení. ;)

Odpovedať
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovedá na Honza Bittner
Vojtěch Mašek (Woyta):18.1.2015 1:39

Hezký návod, také jsem chtěl na tohle téma napsat, ale předběhl jsi mě :)

Měl bych jen připomínku k viewport meta tagu, já používám tenhle zápis:

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no">

Initial scale jsem shledal nepotřebným, jelikož je defaultně 1, tak jsem ho vyhodil. Maximum scale zajistí mimo jiné to, že například na iPadu při orientaci na šířku bude šířka opravdu 1024px (tak jak to má být) a ne 768px což je jeho výchozí chování a narušuje to styl stránky (stránka si pořád myslí že viewport je 768 ale ve skutečnosti se roztáhne na 1024px a například obrázky, třebaže jsou uzpůsobené retina displejům, jsou rozmazané) zkrátka, nechová se to bez tohoto parametru korektně. Také zamykám zvětšování a zmenšování stránky, zastávám názor, že pokud je mobilní verze udělaná dobře, není potřeba zvětšovat.

Editované
Odpovedať
Výraz "to nejde" není v mém slovníku
Avatar
qwertyW
Tvůrce
Avatar
qwertyW:18.1.2015 7:50

Mám dotaz, jak se rozezná mezi full hd monitorem a full hd telefonem?

Odpovedať
Programuji, tedy jsem.
Avatar
Odpovedá na qwertyW
Vojtěch Mašek (Woyta):18.1.2015 23:08

Telefon může mít sice rozlišení Full HD, ale to proto že má retina panel, tzn. reálné rozlišení, které můžeš použít pro stylování bude 960 x 540px. A podle šířky 540px celkem spolehlivě rozpoznáš mobil. Responzivní design ale není jen pro mobily, základní myšlenka je taková, že se obsah přeskupí a vejde do jakékoliv velikosti obrazovky/okna.

Editované
Odpovedať
Výraz "to nejde" není v mém slovníku
Avatar
Peter Sivák
Člen
Avatar
Peter Sivák:22.1.2015 9:24

Vďaka za článok, krásne jednoduché ukážky, už sa teším na pokračovanie.

Avatar
freearea
Člen
Avatar
freearea:25.1.2015 10:45

Ahoj Hobi,
tvoje články /příspěvky/ nemají chybu.
Držím palce,jen tak dál !!!

Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:29.3.2015 13:48

Článek mírně poupraven. :)

Odpovedať
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 36.