¿Cómo hacer que el tamaño de ajuste sea solo para la image en UIWebView?

UIWebView HTML en mi UIWebView que incluía Text e Images .

Text se ajusta a UIWebView y las Images no se ajustan a UIWebView .

Es muy grande en UIWebView .

UIWebView la barra de desplazamiento al final de UIWebView .

Quiero ajustar el tamaño de ajuste de image en UWebView. Entonces probé con los siguientes códigos.

 self.myWebView.scalesPageToFit = YES; 

Sin embargo, está arreglado, incluyendo text y text es demasiado pequeño para leer y las imágenes se reparan.

Quiero configurar el text normalmente y solo quiero ajustar la image de tamaño en UIWeView .

¿Cómo puedo hacerlo?

El uso de la metalabel de vista es utilizada por UIWebView en el iPhone / iPad para determinar cómo mostrar una página web.

  <meta name="viewport" content="width=device-width, maximum-scale=1.0" /> 

consulte el siguiente enlace para get más detalles:

https://developer.apple.com/library/ios/DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

He resuelto este problema usando css. El CSS contenido en las tags de estilo que se muestran a continuación se asegurará de cambiar el tamaño de las imágenes manteniendo la relación de aspecto del ancho del UIWebView. ¡Espero que esto ayude!

 NSString *strTemplateHTML = [NSString stringWithFormat:@"<html><head><style>img{max-width:100%%;height:auto !important;width:auto !important;};</style></head><body style='margin:0; padding:0;'>%@</body></html>", @"insert your html content here"]; [webView loadHTMLString:strTemplateHTML baseURL:nil]; 

El siguiente fragment de código puede ayudarlo

 NSString *fontString = @"<!DOCTYPE html><html>\ <head>\ <style>\ img{"; NSString *imageDimensionsStr = [NSString stringWithFormat:@"max-width: %fpx; max-height: %fpx;}",self.view.frame.size.width - 50.0f, self.view.frame.size.height/2]; fontString =[fontString stringByAppendingString:imageDimensionsStr]; fontString = [fontString stringByAppendingString:@"</style></head><body>"]; fontString = [[fontString stringByAppendingString:htmlString] stringByAppendingString:@"</body></html>"]; [webView loadHTMLString:fontString baseURL:nil]; 

El código anterior cambiará el tamaño y el ancho de la image según la dimensión de la vista. Puedes cambiar de acuerdo a tu requerimiento.