Autor | Zpráva | ||
---|---|---|---|
tamiklanger@seznam.cz Profil * |
#1 · Zasláno: 23. 1. 2015, 11:27:30
Zdravím,
mám webové stránky, kde mám v záhlaví uvedené jednotlivé položky menu (přihlášení, kontakt, o nás apod.). Při zobrazení webových stránek na menším rozlišení, například na mobilním telefonu, bych potřeboval vytvořit tlačítko menu, které se uživateli zobrazí pouze od určitého rozlišení a uživatel si ho rozklikne a zobrazí se mu tyhle položky (přihlášení, kontakt, o nás apod.). Můj názor je řešit to přes CSS přes @media a velikost rozlišení, konkrétně to nejprve skrýt pomocí display: none a při menším rozlišení by se to zobrazilo pomocí visibility: visible. To ale nefunguje, když zadám vlastnost display:none, tak se mi to při menším rozlišení pomocí vlastnosti visibility nezobrazí. Pravidlo CSS, bere se poslední uvedené pravidlo, splňuji a ani tak to nefunguje. |
||
lionel messi Profil |
#2 · Zasláno: 23. 1. 2015, 11:35:30
tamiklanger@seznam.cz:
„Můj názor je řešit to přes CSS přes @media a velikost rozlišení, konkrétně to nejprve skrýt pomocí display: none a při menším rozlišení by se to zobrazilo pomocí visibility: visible. To ale nefunguje, když zadám vlastnost display:none, tak se mi to při menším rozlišení pomocí vlastnosti visibility nezobrazí.“ Display a visibility sú dve navzájom odlišné CSS vlastnosti. Buď skryješ element pomocou visibility: hidden (zaberie miesto) a zobrazíš pomocou visibility: visible alebo prepínaš z dislplay: none na niektorú zo zmysluplných hodnôt display. Čiže pomocou visibility nikdy neprebiješ display: none .
|
||
juriad Profil |
#3 · Zasláno: 23. 1. 2015, 11:36:14
Vlastnosti display a visibility jsou odlišné.
Pokud něčemu nastavíš display: none, musíš pro zobrazení nastavit display: block, nebo inline, nebo co to vlastně má být. Visibility na druhou stranu skryje prvek (ale ponechá volné místo) při visibility: hidden, a takto skrytý prvek lze opět zobrazit pomocí visibility: visible. Kombinací těchto pravidel se ti nepovede zobrazit něco, co ta druhá vlastnost skryla. |
||
tamiklanger@seznam.cz Profil * |
#4 · Zasláno: 23. 1. 2015, 11:42:25
Jasný, moje blbost. Už mi to dochází.
A Váš názor na to řešit to přes @media a velikost prohlížení? |
||
lionel messi Profil |
#5 · Zasláno: 23. 1. 2015, 11:53:31
tamiklanger@seznam.cz:
„A Váš názor na to řešit to přes @media a velikost prohlížení?“ Podľa mňa je to v poriadku. Možnosti riešenia responzívneho dizajnu sú v zásade dve: 1. Pomocou tzv. media queries (čiže @media). 2. Prostredníctvom subdomény zvlášť pre mobily a detekcie prehliadača s prípadným presmerovaním (trebárs http://m.exapmle.com .
|
||
tamiklanger@seznam.cz Profil * |
#6 · Zasláno: 23. 1. 2015, 15:47:49
Ok, díky za odpověď. Budu to řešit přes media queries.
|
||
Chamurappi Profil |
#7 · Zasláno: 24. 1. 2015, 02:11:00
Reaguji na lionela messiho:
„Prostredníctvom subdomény zvlášť pre mobily a detekcie prehliadača s prípadným presmerovaním“ Tak či tak je slušné dát uživateli na výběr a volbu si pamatovat v cookie, potom je ale celkem nesmyslné mít mobilní verzi na jiné adrese. Nevím, proč vůbec bývá tato možnost zmiňována jako alternativa k @media queries. Alternativou k větvení u klienta je větvení na serveru, adresy s tím nesouvisí. Myslím, že emkovou subdoménou si jde v současné době jen ublížit, což serverovému větvení zbytečně kazí pověst.
|
||
Časová prodleva: 9 let
|
0