Aké použiť Responsive rozlišenia

Vojtkuľák Matúš

verified

3. 12. 2014 18:58:37

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073561

verified

(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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073560

Vojtkuľák Matúš

verified

3. 12. 2014 19:47:45

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073559

verified

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073558

verified

(13 hodnocení)

3. 12. 2014 21:48:51

6 chyb cestou do responzivního pekla - Zdroják

3. 12. 2014 21:48:51

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073557

verified

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ake-pouzit-responsive-rozlisenia/#reply1073556

Pro odpověď se přihlašte.

Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

69 500 Kč

0 příhozů

Blowjobs.cz – tematická doména pro segment 18+

14 990 Kč

0 příhozů

SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

19 000 Kč

0 příhozů

20 000 Kč

0 příhozů

Poptávky Více

Poptávka: Vánoční rodinné focení v Praze

Poptávka fotografa na křtiny dnes ve Slatinicích

Studio pro akrobatický kruh v Praze

Poptávka mentoringu: focení ve fotostudiu a práce se světly

Hledám prostor k investici – Nabídka podnikatelské půjčky (50 – 100 tisíc)

Pracovní nabídky Více

Vedoucí IT (CTO)

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

70 000 - 90 000 Kč

Atlassian Consultant (Junior/Medior)

Marketing + budování e-shopu – Boskovice, Blansko a okolí

30 000 - 50 000 Kč

Nabídky Více

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby

Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin

AUTOMATIZACE PROCESŮ – N8N & Make.com

Tvořím moderní weby, klientské portály a systémy na míru

Nabízím úklid a záchranu rozbitých databází, sjednocení dat a plnění e-shopů (Excel / Google Sheets)