iPad a viewport rubrika: Kódování: CSS

3 kamenitxan
položil/-a 6.8.2014

Zdravím,
mám problém se zobrazením stránky na iPad.
Stránka má šířku 1050px a potřeboval bych, aby se vždy zobrazila v celé šířce. V hlavičce mám toto <meta name="viewport" content="width=1050, initial-scale=1.0, maximum-scale=1" />

Když stránku otevřu, tak se nezobrazí celá (odzoomovaná) a když jí ručně odzoomuju, tak se po jejím pravém okraji zobrazí pruh s prázdným místem (screenshot: https://dl.dropboxusercontent.com/u/3121397/Sn%C3%ADmek%20obrazovky%2020... )

Nevíte, jak by se to dalo vyřešit? Zkoušel jsem už všechno možné, bez uspěchu.

odkaz
Anonym
odpověděl/-a 6.8.2014

Nepouzivaj meta viewport tag a stranka 1050px sa ti automaticky "premapuje" na ipadove rozlisenie. Jednoducho ten tag vymaz.

Komentáře

  • kamenitxan : Takto se stránka zobrazí celá. Problém s prázdným místem ale zůstává. Do toho prázdného místa nic nezasahuje, tudíž není důvod, aby tam bylo. — 6.8.2014
  • Anonym : To bude problem nakodovania stranky. Nejaky element vylieza z obaloveho kontajneru. Treba si to odsimulovat v Chrome, napr. postupne odmazavat DOM strom a tak zistit, ktory element to robi. — 6.8.2014
  • jožko : Je to jak říká srigi. Strávil jsem přesně nad tímto problémem taky několik hodin. V mém případě to způsobovalo modální okno, které bylo standardně skryté, ale mělo nastavenou pevnou šířku. Přes css media query pak stačilo tomuto oknu nastavit šířku 100% a bylo po problému. Zkus si zabalit všechny divy do rámečku, pak by mělo jít poznat, co přesahuje. A taky zkus u viewportu nastavit "width=device-width". — 7.8.2014
  • kamenitxan : Ano. Byla tam věc, která přesahovala, přestože v developer tools se to neukazovalo. Dík za pomoc. — 7.8.2014

Pro zobrazení všech 2 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.

Aktuální otázky v rubrice Kódování: CSS

Otázky uživatele kamenitxan