Mobilní verze webu roztažená na celou obrazovku telefonu

Pokud vytváříte (opravdu) jednoduchou mobilní verzi webu, na které je adresa, mapa, telefon a odkaz na plnou verzi prezentace, budete potřebovat následující meta tag:


<meta name="viewport" 
content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

Tento meta zajistí, že telefon zobrazí stránku zoomovanou na 100% šířky obrazovky, a nikoliv jako miniaturu.

Telefonní kontakty je dobré uvodit přes <a href="tel:číslo">číslo</a>, naprostá většina mobilních prohlížečů umí takového číslo přímo vytočit.

Více také na Zdroják.cz: Mobilizujeme web v HTML5

Komentáře 1

  1. #1 Radek Šima

    Me se to v mobilu v defaultnim androidim prohlizeci vzdy zobrazi zvetsene. Ale v opere ne a nejak jsem neprisel na to,jak udelat aby se to automaticky zvetsovalo-me je to celkem neprijemny.