Re: stránka v html5

Jsem příliš líný to celé psát, ale poradím ti co hledáš. Doufám že správně
;)

Do definice head dej tento element:

<meta name="viewport"
content="height=device-height,width=device-width,initial-scale=1.0">

Tím se ta stránka na mobilech a tablech chovat jinak.


V css potom můžeš definovat rozsahy zobrazení takto (tzv. media queries):

@media only screen and (max-device-width:1280px) and
(max-device-height:720px)
{
   /* definice pro tablet na šířku */
}

@media only screen and (max-device-width:720px) and
(max-device-height:1280px)
{
   /* definice pro tablet na výšku */
}

@media only screen and (max-device-width:640px) and
(max-device-height:360px)
{
   /* definice pro mobil na šířku */
}

@media only screen and (max-device-width:360px) and
(max-device-height:640px)
{
   /* definice pro mobil na výšku */
}


Ono by v podstatě mohlo stačit jen toto, ale v těch mobilních potvorách
jsou různé bugy (občas až nepochopitelné)

@media only screen and (orientation:portrait)
{
   /* definice, toho co to umí, na výšku */
}

@media only screen and (orientation:landscape)
{
   /* definice, toho co to umí, na šířku */
}

Kdyby byl problém, tak napiš a zkusíme doladit.

H.


2013/4/30 MilanK <konfera (zavinac) kev.sk>

> Nie je tu niekto kto robí v HTML5?
> A zároveň vlastní nejaký android a prehliadač Dolphin? Ľahšie by sa
> vysvetľovalo čo chcem :-)
>
> Som zvyknutý si držať na svojom webe jednu stránku čo používam ako
> štartovaciu vo svojich PC, NB a telefónoch - aby som nemusel prenášať a
> zjednocovať obľúbené položky (aspoň tie najdôležitejšie).
> Teraz používam viac-menej textovú formu, ale na mobile sa na to ťažko
> triafa.
>
> Aplikácia Dolphin má svoju štart stránku, kde sú obdĺžnikové tlačítka,
> medzi nimi rozostupy a každé tlačítko je jeden odkaz. To by som zvládol.
>
> Ale čo neviem a myslím že by to išlo cez HTML5 je zmena vzhľadu podľa
> rozlíšenia zariadenia, otočenia obrazovky.
>
> Napr. Dolphin dá na mobile na stojato tlačítka do dvoch stĺpcov, pri
> otočení na ležato trochu iný rozmer tlačítok a tri stĺpce.
> A tuším sa dá napísať v HTML5 aj nastavenie zobrazenia pre väčšiu
> obrazovku tabletu aj pre veľký monitor - a stále to bude tá istá stránka s
> odkazmi.
>
> Nemáte niekto takýto nejaký vzor alebo čas to napísať ak to netrvá moc
> dlho?
>
> Milan K.
>
> --
> ------------------------------**-----------------------( reklama )-----
> Mate hypoteku? Nepropasnete jeji refinancovani. Usetrite tisice.
> http://hypobudicek.mesec.cz/?**utm_medium=text&utm_source=**
> list-s&utm_campaign=en<http://hypobudicek.mesec.cz/?utm_medium=text&utm_source=list-s&utm_campaign=en>
> ------------------------------**------------------------------**---------
> --
> -- Konference: SERVIS ------------------------------**------------- --
> Archiv, instrukce pro odhlaseni: http://internet.nawebu.cz/ -- --
> Konference Internet Info, s.r.o. ----- http://www.iinfo.cz/ --
>