Autor Zpráva
andynewcastleth
Profil
Pokud nastavím takovýto viewport, tak to znamená, že mobilní telefon bude zobrazovat vše 1:1 jak mu to naservíruji (=tj. můj web se přizpůsobí ať již má mobil rozlišení 300px, 320px, 375px...)?

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


Šlo by to ale udělat naopak - můj mobilní web bude mít pevné rozlišení 480px - a mobilní telefon se přizpůsobí svým rozlišení. Tj bez rozdílu na rozlišení telefonu (300px, 320px, 375px...) bude můj web (480px) zobrazovat na celou svoji šířku jako 100% bez přetečení.

Možná je to špatný dotaz....nevím?
Tomášeek
Profil
andynewcastleth:
Přečti si nějaký tutorial o respindivite. Odpověď najdeš v první kapitole.
andynewcastleth
Profil
Můj problém je následující. Na stránce mám prvek, který má pevnou minimální šířku 480px.

- Na PC webu jej není problém zobrazit.

- Na mobilním natahovacím webu do 480px jej rovněž není problém zobrazit.

- Problém nastává u mobilů s rozlišením pod 480px. V tomto okamžiku by jsem chtěl rozlišení "zamknout" a místo toho, aby se web "natahoval a smršťoval" by jsem chtěl, aby se "zoomovala obrazovka". Tedy 480px široký web byl zabíral 100% obrazovky bez přetečení i u menších (320px) mobilních obrazovek.


--------------------

Já mám udělaný PC web. Rovněž natahovací mobilní web. Ale nevím, jak natahovaní zamknout pod 480px a začít scalovat web pod touto hodnotu... .
andynewcastleth
Profil
Nikdo neporadí?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0