2010-04-20 43 views
12

Tôi đang hiển thị HTML với một số hình ảnh bên trong UIWebView trong Ứng dụng iPhone của tôi. Khi hình ảnh rộng hơn khung nhìn của iPhone, tôi nhận được các thanh cuộn ngang mà tôi không muốn bởi vì phần lớn là về văn bản chứ không phải hình ảnh.Thay đổi kích thước hình ảnh trong UIWebView thành kích thước khung nhìn

Có cách nào để thay đổi kích thước hình ảnh được hiển thị bên trong UIWebView theo chiều rộng (tốt nhất: ngay cả khi thiết bị được xoay)?

Trả lời

33

Nếu bạn muốn chiều rộng tối đa là chiều rộng của webView, hãy sử dụng thuộc tính CSS chiều rộng tối đa.

chiều rộng tối đa: 100%; width: auto; chiều cao: auto;

+0

Cảm ơn! Đã thêm nó vào tệp CSS của tôi. Đầu tiên tôi nghĩ rằng sẽ có một thiết lập cho UIWebView để giữ cho hình ảnh không bị rộng hơn. Điều này chỉ đơn giản! –

+0

Tôi đã cố thêm: NSString * cssString = @ ""; nhưng nó không ảnh hưởng gì đến – Dejell

+6

@Odelya ' 'làm việc cho tôi. – bugloaf

5

Nếu hình ảnh bên trong UIWebView, bạn có thể thử sử dụng css để kích thước chúng thành 100%?

Điều gì đó tương tự. . .

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

KHUYẾN CÁO: Tôi không có XCode tiện dụng để kiểm tra nhưng nó sẽ hoạt động! Bạn sẽ phải thử nó cho chính mình!

+0

Hoạt động như một nét duyên dáng :-) – crosscode

+0

Nó không tốt bằng câu trả lời được chấp nhận - câu trả lời của tôi luôn luôn có tỷ lệ lên đến chiều rộng đầy đủ; nếu hình ảnh của bạn nhỏ hơn thì sao? - câu trả lời được chấp nhận chỉ quy mô hình ảnh quá lớn. (Và các thuộc tính hardcoding trong HTML được coi là thực hành không tốt!) – deanWombourne

+0

@deanWombourne Tôi đã thử giải pháp - tôi đã thêm nó vào HTML NSString * cssString = @ " "; nhưng vẫn còn những hình ảnh lớn hơn – Dejell

Các vấn đề liên quan