2010-04-20 16 views
12

sto visualizzazione HTML con alcune immagini all'interno di un'UIWebView nel mio iPhone App. Quando le immagini sono più larghe del viewport dell'iPhone ottengo degli scrollers orizzontali che non voglio perché riguardano principalmente il testo e non le immagini.immagini Ridimensionare in UIWebView alla finestra dimensioni

Esiste un modo per ridimensionare le immagini visualizzate all'interno del UIWebView in base alla larghezza (meglio: anche se il dispositivo viene ruotato)?

risposta

33

Se si desidera che la larghezza massima di essere la larghezza della WebView, utilizzare la proprietà max-width CSS.

larghezza massima: 100%; larghezza: auto; altezza: auto;

+0

Grazie! Aggiunto al mio file CSS. Per prima cosa ho pensato che ci sarebbe stata un'impostazione per UIWebView per mantenere le immagini più ampie. Questo è semplicemente semplice! –

+0

Ho provato ad aggiungere che: NSString * cssString = @ ""; ma non ha alcuna influenza – Dejell

+6

@Odelya ' 'ha funzionato per me. – bugloaf

5

Se l'immagine è all'interno di un'UIWebView si potrebbe provare a utilizzare i CSS per dimensioni loro al 100%?

Qualcosa come. . .

<img style="width:100%" src="..." /> 

NOTA BENE: Non ho XCode a portata di mano per testarlo, ma dovrebbe funzionare! Dovrai provarlo per te!

+0

Funziona come un fascino :-) – crosscode

+0

Non è buono come la risposta accettata però - la mia risposta scala sempre a tutta larghezza; che dire se le tue immagini sono più piccole? - la risposta accettata riduce solo le immagini troppo grandi. (E hardcoding attributi in HTML è considerato cattiva pratica!) – deanWombourne

+0

@deanWombourne ho provato la soluzione - ho aggiunto al NSString HTML * cssString = @ " "; ma le immagini sono ancora più grandi – Dejell

Problemi correlati