DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   iPad - bizaran problem pri promeni orijentacije (http://www.devprotalk.com/showthread.php?t=11753)

sinisake 14. 01. 2014. 13:33

iPad - bizaran problem pri promeni orijentacije
 
Upozorenje: NSFW content :D (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 15. 01. 2014. 04:50

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

sinisake 15. 01. 2014. 11:00

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 15. 01. 2014. 12:00

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 15. 01. 2014. 12:29

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

Br@nkoR 15. 01. 2014. 12:39

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 15. 01. 2014. 12:58

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 15. 01. 2014. 13:48

Citat:

Originalno napisao sinisake (Napišite 111448)
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:
HTML kôd:

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

EDIT:
ili

Kôd:

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


sinisake 15. 01. 2014. 19:01

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 :D 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... :)


Vreme je GMT +2. Trenutno vreme je 21:55.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.