| Autor | Zpráva | ||
|---|---|---|---|
| Marcus Flintus Profil |
#1 · Zasláno: 30. 12. 2013, 10:46:56
Zdravím,
mám mobilní verzi webu, nakódovanou na šířku 640px. Při zobrazení na mobilním zařízením chci, aby se mi web zobrazil tak, aby těch 640px vyplnilo přesně šířku obrazovky toho zařízení. Původně jsem se snažil použít: <meta name="viewport" content="width=640"> To ale dělalo chyby jak na iOS, tak na WP, Androida jsem zde netestoval. Zkusil jsem tedy použít tento kód: <meta name="viewport" content="width=device-width, user-scalable = yes"> S tímhle se to zobrazuje korektně na iOS, ale na WP i Androidu se stránka implicitně zobrazí přiblížená a člověk musí pokaždé oddálit aby ji viděl správně - to bych potřeboval nějak vyřešit. Zkoušel jsem použít takový trik: <meta name="viewport" content="width=device-width, initial-scale=device-width/640"> ... což fungovalo perfektně na WP, jenže to zase rozhodilo iOS - kolem stránky se zobrazovaly okraje. Můžete prosím někdo poradit? S přáním všeho nejlepšího v Novém roce, Děkuji, MF |
||
|
Časová prodleva: 5 dní
|
|||
| luboslopour Profil |
#2 · Zasláno: 4. 1. 2014, 16:39:44
Mám stejný problém. Řešení jsem zatím nenalezl. Mám šířku layoutu v css: min-width:640px.
|
||
| Str4wberry Profil |
#3 · Zasláno: 4. 1. 2014, 16:49:06
Nebylo by lepší stránku nekódovat pevně v pixelech, ale nechat ji roztáhnout dle potřeby?
|
||
| luboslopour Profil |
#4 · Zasláno: 4. 1. 2014, 16:54:10
To se právě při rozměru menším jak 640px rozpadne. V hlavičce jsou např.: obtékané prvky.
|
||
| Str4wberry Profil |
#5 · Zasláno: 4. 1. 2014, 17:54:46
I obtékání může být udělané tak, aby se šířce přizpůsobovalo.
|
||
| luboslopour Profil |
#6 · Zasláno: 4. 1. 2014, 17:56:23
Ano, ale pokud zde jsou prvky, které se vejdou do minimální šířky 640px, tak to nelze.
Vraťme se tedy k původnímu dotazu. |
||
| Chamurappi Profil |
#7 · Zasláno: 4. 1. 2014, 18:26:11
Reaguji na Marca Flinta:
„To ale dělalo chyby jak na iOS, tak na WP“ Na WP7 je to s <meta> značkami na přesnou šířku složitější (podkapitolka „Zametání šířky“).
„Zkoušel jsem použít takový trik … initial-scale=device-width/640“
To jsem ještě nikdy neviděl. Opravdu to někde něco dělá? Předpokládám, že initial-scale=1 jsi zkoušel…
Reaguji na luboselopoura: „pokud zde jsou prvky, které se vejdou do minimální šířky 640px, tak to nelze“ Můžeš si ten zoom teoreticky vyrobit CSS vlastností transform (a -webkit-transform a -ms-transform a -moz-transform a -o-transform), ale nezkoušel jsem, co to udělá s celkovou představou o šířce stránky (tzn. jestli nezůstanou posuvníky).
|
||
| Marcus Flintus Profil |
#8 · Zasláno: 6. 1. 2014, 15:47:58
Str4wberry:
Já mám bohužel tu mobilní verzi postavenou na nějakých grafických prvcích, které mají pevnou šířku, takže to na něčem "pevném" postavit musím. Chamurappi: „To jsem ještě nikdy neviděl. Opravdu to někde něco dělá?“ Hmm, tak já měl pocit, že na WP to fungovalo, ale když se to zkouším zopakovat tak bez výsledku, zřejmě jsem se někde spletl, jak jsem toho testoval hodně na několika telefonech. Díky za ten odkaz, je dost užitečný. |
||
|
Časová prodleva: 10 let
|
|||
0