iPad - bizaran problem pri promeni orijentacije

[sinisake]

Upozorenje: NSFW content (zbog ovog su mi pitanje zapravo gurnuli u zapecak na stackoverflowu)

Link:
http://bybyweb.com/london

AKO neko ima iPad, i ako je (mozda?) operativni sistem nizi od IOS sestice, trebalo bi da vidi problem pri promeni orijentacije.

Pokusacu da objasnim - sajt se ucitava perfektno i u 'portrait' modu (prvi put) i u 'landscape' modu, ALI pri ponovnom prebacivanju na 'portrait' mode (okretanju ekrana), javlja se cudna praznina na desnoj strani (width nije vise 100%?!)


Odradio sam css media queries za iPad prikaz u 'portrait' modu, a posto je rezolucija u landscape modu, valjda, 1024px, trebalo bi bez problema da prikaze desktop verziju...

Malo sam istrazivao™, i nasao da je to relativno poznat bug, ALI - nijedno od ponudjenih resenja nije pomoglo. Koristim ovaj skript: (poslednji pokusaj)

http://filamentgroup.com/lab/a_fix_f...ange_zoom_bug/

ali, ni to nije dalo rezultate... Ako medju vama ima iPad korisnika (najveci problem je sto ja nemam sokocalo, a simulatori nisu pouzdani), zaista bih cenio pomoc. Hvala!

Edit: na ajfonu sve radi ok, zacudo, mobilna verzija se prikazuje bez gresaka i bizarnosti, kao i na androidu (lepo, za promenu)

[ivanhoe]

nemam sad pri ruci iPad, ali sam vidjao taj problem kod bootstrap 2 layouta... nisam cuo da postoji neki css fix

[sinisake]

Ako budes mogao i ako te ne bude mrzelo, a kad ti bude pri ruci makina, molim te proveri sta se desava ovde (mozda je problem u operativnom sistemu, mozda na tvom ajpedu funkcionise normalno)...

Problem je sto nemam uopste ideju zasto se to desava, sta u html-u, css-u izaziva ovo... Mislim da ni nije taj zoom bug u pitanju (nesto slicno svakako jeste), ovde se sadrzaj suzava (ostaje praznina), a ne siri...

[Br@nkoR]

Sada gledam u chrome emulatoru i ovde se javlja problem, problem stvara elemenat #joinform. Pokušaj tako što ćeš mu smanjiti width sa 525px na 463px ili smanji left poziciju istog elementa.

[sinisake]

HVALA! Evo cekam fidbek™, zamenio sam to... Nego, reci mi koji je to emulator?

[Br@nkoR]

https://developers.google.com/chrome...bile-emulation
Postojao je u canary verziji, a u jučerašnjem update-u ubačen je u stable verziju (32).

[sinisake]

E, hvala mnogo! Sad sam probao... meni sad sve izgleda ok...

Da, da... sredjeno, proverio na test linku i na originalnom linku!

E, sad, ostaje tu jos jedan bizar, u landscape modu - iPad 'sece krajeve' (nekoliko piksela levo i desno...) No, sad, s ovim emulatorom, bice lakse resavati te probleme 'savrsenih' apple proizvoda.

[Br@nkoR]

Originalno napisao sinisake

E, sad, ostaje tu jos jedan bizar, u landscape modu - iPad 'sece krajeve' (nekoliko piksela levo i desno...) No, sad, s ovim emulatorom, bice lakse resavati te probleme 'savrsenih' apple proizvoda.

U portrait modu width #logo-area i #content elemenata su ti 1013px odnosno umanjene od 1024px kako bi se videle senke, dok u landscape modu width je 100% tako da se senke ne vide, smanji dimenzije ovih elemenata u landscape modu. npr:

#logo-area, #content {
    width: 752px;
}

EDIT:
ili

#join-form-holder, #logo-area {
    width: auto;
    margin: 0 6px;
}
#members-area {
    width: auto;
    margin: 14px 6px 0;
}

[sinisake]

Da, da... hvala! Problem je sto je sajt malo 'presirok' za 1024px... Trebalo je da zamolim, jos davno, da se suzi malo inicijalni dizajn (na 960,980px)...

Ne bih da diram sad taj glavni css, jer na 1024x768px na non-apple uredjajima sve lepo radi (ne vide se senke, ali...), a rezolucije nize od 1024px pokrivaju media queries... No, posto ova rezolucija (1024px) na desktop uredjajima lagano umire, mozda bih mogao da odradim poseban css set koji bi pokrio i resio i landscape na iPadu...