Mobil wrapper af eksternt site til iPhone app

Tags:    css mobil iphone wrapper

Hej alle :)

Jeg søger hjælp til hvordan jeg kan lave en mobil wrapper, af en allerede eksisterende webside (som jeg ikke ejer), hvorfor jeg ikke har mulighed for at rette i sidens kildekode.
Wrapperen skal vises i en iPhone-app i et UIWebView, hvor jeg bruger en blanding af objective-c og javascript til at injicere den css, som skal tilpasse hjemmesiden til iphonens skærm.
Jeg har fået ovenstående til at fungere, men mit problem er at få lavet et ordentlig stylesheet, der klarer ærterne.

Det er denne side jeg gerne vil have 'wrappet':
NCBI BLAST

Der er flere ting der skal gøres, men mit problem består primært i, hvordan jeg får tilpasset bredden af alle elementerne på siden til bredden af iPhonens display (640px).
Indtil videre har jeg lavet følgende:
Fold kodeboks ind/udCSS kode 


I min normale browser (chrome) ser det vældig fint ud: BLAST i Chrome
Men på iPhonen bliver layoutet noget mærkeligt: BLAST på iPhone

Visse elementer på iPhonen bliver bredere end 640px og nogle ændrer sig når radiobutton'ene vælges osv.

Projektet er et privat projekt, så det er ligemeget om Apple tillader metoderne eller ej - det skal ikke submittes til App Store ;)




Indlæg senest redigeret d. 03.04.2012 01:15 af Bruger #16676
t