2010-04-20 22 views
12

Wyświetlam HTML z niektórymi obrazami wewnątrz interfejsu UIWebView w mojej aplikacji na iPhone'a. Gdy obrazy są szersze niż rzutnia iPhone'a, otrzymuję poziome przewijaki, których nie chcę, ponieważ głównie dotyczą tekstu, a nie obrazów.Zmiana rozmiaru obrazów w interfejsie UIWebView do rozmiaru obszaru wyświetlania

Czy istnieje sposób zmiany rozmiaru obrazów wyświetlanych w interfejsie UIWebView w zależności od szerokości (najlepiej: nawet jeśli urządzenie jest obracane)?

Odpowiedz

33

Jeśli chcesz, aby maksymalna szerokość była szerokością webView, użyj właściwości CSS o maksymalnej szerokości.

maksymalna szerokość: 100%; width: auto; height: auto;

+0

Dzięki! Dodano go do mojego pliku CSS. Najpierw pomyślałem, że będzie ustawienie UIWebView, aby obrazy nie były szersze. To jest po prostu proste! –

+0

Próbowałem dodać: NSString * cssString = @ ""; ale nie ma to żadnego wpływu. – Dejell

+6

@Odelya ' 'pracował dla mnie. – bugloaf

5

Jeśli obraz znajduje się w interfejsie użytkownika UIWebView, spróbuj użyć funkcji css, aby zmienić ich rozmiar na 100%?

Coś jak. . .

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

ZASTRZEŻENIE: Nie mam XCode przydatny do testowania, ale powinien działać! Musisz spróbować sam!

+0

Działa jak urok :-) – crosscode

+0

Nie jest to jednak tak dobre, jak przyjęta odpowiedź - moja odpowiedź zawsze przeskakuje do pełnej szerokości; a co jeśli twoje zdjęcia są mniejsze? - zaakceptowana odpowiedź skaluje tylko obrazy, które są zbyt duże. (Atrybuty hardcoding w HTML są uważane za złe praktyki!) – deanWombourne

+0

@deanWombourne Próbowałem rozwiązania - dodałem je do HTML NSString * cssString = @ " "; ale nadal obrazy są większe – Dejell