Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Aké použiť Responsive rozlišenia

Zdravím Vás, chcel by som sa spítať s tých skusenejších ktoré rozlišenia použivate najčastejšie v podmienkach pri tvorbe responsivneho dizajnu v CSS ?
ide o tento kód:
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
/* CSS */
}
chcel by som zistiť ake mam použiť šírky pre zariadenia či tablety, resp. tie najpouživanejšie.
Ďakujem za každú odpoveď :)
3. 12. 2014 18:58:37
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073561
Vít Michalek
verified
rating uzivatele
(14 hodnocení)
3. 12. 2014 19:39:26
To je podle mě špatný směr.
Měl by sis rozkreslit jak bys chtěl, aby tvuj projekt vypadal při různých rozlišeních. A podle toho se řídit.
Pokud pujdeš temito obecnými návody - např. bootstrap má definováno myslím 5 mezních šířek. Stane se že se ti to prostě na některých zařízeních/šířkách nebude líbit.
3. 12. 2014 19:39:26
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073560
Podľa tej šírky by som už potom upravoval štyl šablony, totižto som dostal za ulohu spracovať šablonu s psd ako HTML koder čo nieje problem no respinzivny dizajn my nebol dodany, je namne aky bude :) , potrebujem nejake zakladne šírky ktorých by som sa mal držať
3. 12. 2014 19:47:45
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073559
SEOguy
verified
rating uzivatele
3. 12. 2014 20:00:17
Nastevení PX najdeš na http://responsivetest.net, kde si můžeš web i otestovat
3. 12. 2014 20:00:17
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073558
6 chyb cestou do responzivního pekla - Zdroják
3. 12. 2014 21:48:51
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073557
Michal Svatos
verified
rating uzivatele
(1 hodnocení)
4. 12. 2014 18:13:42
Pokud nevíš, použij třeba ty, co má Bootstrap. Na tom není nic špatného.
Jestliže to budeš dělat ručně, je tu tip od Breda Frosta:
Start with the small screen first, then expand until it looks like shit. TIME FOR A BREAKPOINT! -- @brad_frost
A poslední věc - breakpointy neslouží k "detekci" zařízení!
4. 12. 2014 18:13:42
https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073556
Pro odpověď se přihlašte.
Přihlásit