NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Neaktivní uživatel
Člen
Avatar
Neaktivní uživatel:21.1.2017 19:16

Dobrý den.

Mohu dělat responzivní design tím způsobem, že do @media screen and (min-width) budu vkládat jiné parametry všeho, například top, left, width, height a ty parametry se změní pouze při daném rozlišení?

Existuje nějaký program, kde by se dala stránka testovat při různých rozlišení?

Odpovědět
21.1.2017 19:16
Neaktivní uživatelský účet
Avatar
Vojta Korduliak
Člen
Avatar
Vojta Korduliak:21.1.2017 19:47

Na test responzivních webů: http://www.mobiopti.cz/ , nebo přímo od googlu

 
Nahoru Odpovědět
21.1.2017 19:47
Avatar
Michal
Člen
Avatar
Odpovídá na Neaktivní uživatel
Michal:21.1.2017 19:48

Ahoj, vše, co je uvnitř @media se uplatní pouze tehdy, je-li splněna podmínka napsaná v závorce. Např.:

p {
   background-color: blue;
}

@media(max-width: 1024px) {
   p {
      background-color:: green;
   }
}

Tento zápis znamená, že při šířce okna menší nebo stejné 1024px budou mít odstavce zelenou barvu pozadí. Při jakékoliv jiné šířce (větší než 1024px) modrou.

Pokud jde o testování stránek při různém rozlišení, v mnoha prohlížečích funguje klávesová zkratka Ctrl + Shift + M (popř. F12 a poté Ctrl + Shift + M). Zde si můžeš nastavit velikost okna, a v Google Chrome třeba i vybrat nějaké konkrétní zařízení a zjistit, jak se tvá stránka bude zobrazovat třeba na iPhonu.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
21.1.2017 19:48
Avatar
Neaktivní uživatel
Člen
Avatar
Neaktivní uživatel:21.1.2017 19:53

Velice všem děkuji.

Nahoru Odpovědět
21.1.2017 19:53
Neaktivní uživatelský účet
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 4 zpráv z 4.