Autor | Zpráva | ||
---|---|---|---|
IdemeNaHavaj Profil |
#1 · Zasláno: 19. 3. 2013, 19:39:00
Vedel by mi niekto poradiť ako zistiť do premenných PHP aké rozlíšenie používa návštevník?
Chcem to pre rôznce .css podla toho aké má návštevník rozlíšenie, napr. if($roszlisenie1="1024" AND $rozlisenie2="768"){ nacitat .css pre rozlisenie 1024x768 }
|
||
scheras Profil * |
#2 · Zasláno: 19. 3. 2013, 19:47:50 · Upravil/a: scheras
To se řeší pomocí mediaqueries na úrovni css.
Jinak se to dá zjitit pomocí JavaScriptu, php toto neumí. |
||
_es Profil |
#3 · Zasláno: 19. 3. 2013, 19:51:14
IdemeNaHavaj:
A čo keď má rozlíšenie 1024x768, no okno prehliadača má len trebárs 700x500? Prečo nespravíš rozvrhnutie stránky tak, aby sa rátalo s rôznym rozlíšením? |
||
Trejpa Profil |
#4 · Zasláno: 19. 3. 2013, 19:52:19
IdemeNaHavaj:
Neměla by tě jako tvůrce stránek zajímat spíš velikost okna? Na to je CSS3 Media Queries vhodné, nicméně starší prohlížeče to nemusí podporovat, takže se vyplatí vytvořit jednotný styl a podporujícím prohlížečům pak na základě podmínek v dalších stylech zadávat odchylky od toho výchozího. |
||
IdemeNaHavaj Profil |
#5 · Zasláno: 19. 3. 2013, 19:57:25
Čítam nejaké návody na to Media Queries, je to niečo nové pre mňa, poradíte ako s tím načítavať podľa velkosti okna .css?
|
||
margin Profil * |
#6 · Zasláno: 19. 3. 2013, 20:09:26
Třeba takto:
<link rel="stylesheet" href="bigscreen.css" media="screen and (min-width: 1100px)"> Doporučuji se na Media Queries podívat, protože možnosti je mnohem více, než jsem dal do ukázky. |
||
Trejpa Profil |
IdemeNaHavaj:
Uvedu příklad stylů. Výchozím stavem je stránka široká 960 px, vlevo je menu a vpravo obsah. Pokud uživatel zmenší okno pod 980 px, aplikuje se podmínka v media queries a styl přeskupí bloky pod sebe. Všechny styly mohou být v jediném souboru, pokud jsou ve vícero, je výchozí styl první. #obal { width: 960px; margin: auto; background: gold; } #menu { width: 320px; float: left; } #obsah { width: 640px; float: left; } #paticka { clear: left; } @media (max-width: 980px) { #obal { width: 600px; } #menu, #obsah { width: 100%; float: none; } } <div id=obal> <div id=menu></div> <div id=obsah></div> <div id=paticka></div> </div> |
||
IdemeNaHavaj Profil |
#8 · Zasláno: 19. 3. 2013, 20:22:05
No idem študovať ďakujem
|
||
IdemeNaHavaj Profil |
#9 · Zasláno: 20. 3. 2013, 10:54:00
<link rel="stylesheet" media="screen and (min-width: 799px) and (max-width: 1280px" type="text/css" href="w1280.css" /> <link rel="stylesheet" media="screen and (min-width: 1281px) and (max-width: 1600px" type="text/css" href="w1600.css" /> Neviem prečo, aj pri rozlíšení 1280x... mi to načíta .css pre rozlíšenie 1600x... |
||
margin Profil * |
#10 · Zasláno: 20. 3. 2013, 11:00:41
IdemeNaHavaj:
Na přesnou syntaxi bych se musel podívat, takže ti neřeknu, co přesně máš špatně, ale při zběžném pohledu vidím neukončenou závorku. |
||
Chamurappi Profil |
#11 · Zasláno: 20. 3. 2013, 11:01:28
Reaguji na IdemeNaHavaje:
Chybí ti tam ukončovací závorka. Zjistit velikost okna jde pohodlně i JavaScriptem. Ten má mnohem vyšší podporu, než media queries. |
||
Časová prodleva: 11 let
|
0