Autor Zpráva
lukas.mc
Profil
Řeším už pár dnů takový problém, jak optimalizovat stránku pro mobil, aby to vypadlo pěkně na výšku i na šířku. Což se mi nedaří.

Základem je <meta name="viewport" content="width=device-width">, což mobilu řekne aby použil své rozlišení, ok.

Používám min-height:200px; max-height:1000px; a testuji na iPhone 5.

Ale mám problém - když je mobil na výšku, tak je vše ok. Když ho dám na šířku, tak se to jen všechno zvětší, takže to vypadá jak pro slepýho. Třeba na m.novinky.cz to je taky tak, prostě na šířku je to všechno větší, jakoby roztažený.

Ale třeba na m.seznam.cz je to na výšku ok, a na šířku se prostě roztáhne šířka, ale velikost fontu, obrázků zůstává stejná. Takže to vypadá pěkně i na šířku.

Nemáte někdo nějakou radu?
xciza
Profil
Buď musíš vytvořit zcela novou stránku, která bude speciálně pro mobily - stejně jako novinky a seznam (jak naznačuje i doména), nebo použít responsive design a Media Queries, kde si nadefinuješ v CSS šířku v px a podle toho se načte styl který potřebuješ ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: