L'iOS UIWebView, le CSS et les pourcentages

Je développe une application iOS qui charge le contenu d'une chaîne html avec une feuille de style CSS dans un UIWebView mais j'ai des problèmes quand j'utilise le pourcentage '%' pour définir la largeur d'une image Ça ne marche pas!L'iOS UIWebView, le CSS et les pourcentages

- (void) loadHTMLContent { 

NSString *path = [[NSBundle mainBundle] bundlePath]; 
NSURL *baseURL = [NSURL fileURLWithPath:path]; 


textFontSize = 120; 

NSString *imggt; 
if (item.imggt) 
    imggt = [NSString stringWithFormat:@"<br /><img src='%@' />",item.imggt]; 
else 
    imggt = @""; 

NSString *cssCode = [NSString stringWithFormat:@" \n" 
         "body{ font-family: Georgia; color: #333; margin: 0; padding: 0; line-height: 1.2em; } \n" 
         "h4, h3, h5{ margin: 0 0 5px 0; padding: 0em; text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8); } \n" 
         "h3{ font-family: Helvetica; font-size: 1.2em; letter-spacing: -1px; } \n" 
         "h3, #autor { color: #00365B; } \n" 
         "h4,h5{ font-weight: normal; font-size: 0.75em; }\n" 
         "h4{ color: #0069AA; } \n" 
         "h5{ text-align:justify; } \n" 
         "#zigzag { height:15px; background-image:url('zigzag.png');background-repeat:repeat-x; }\n" 
         "#destacados, #cuerpo{ padding: 0 10px; } \n" 
         "#destacados{ background-image:url('fndNoticia.png'); padding-bottom: 29px; margin-bottom: 0px; } \n" 
         "#destacados img { width: 97%; text-align:center; margin: 0 auto; border: 8px solid #FFF; } \n" 
         "#fecha_autor{ font-size: 0.75em; border-bottom: 1px solid #D7D7D7; height: 20px; padding-bottom: 8px; margin: 13px 0; } \n" 
         "#fecha{ color: #666;} \n" 
         "#autor{ float: right; } \n" 
         "#texto{ font-size: 0.80em; line-height: 1.2em; text-align:justify; } \n"]; 

NSString *htmlCode = [NSString stringWithFormat:@" \n" 

         "<html> \n" 
         "  <head> \n" 
         "  <title></title> \n" 
         "  <style>%@</style></head> \n" //CSS 
         "  <body> \n" 
         "   <div id='destacados'> \n" 
         "    <br /><h4>%@</h4> \n"   //Category 
         "    <h3>%@</h3> \n"   //Title 
         "    <h5>%@</h5>%@ \n"   //Subtitle & Imggt in HTML 
         "   </div> \n" 
         "   <div id='zigzag'>&nbsp;</div> \n" 
         "   <div id='cuerpo'> \n" 
         "    <div id='fecha_autor'> \n" 
         "     <span id='fecha'>%@</span> \n" //Date 
         "     <span id='author'>%@</span> \n" //Author 
         "    </div> \n" 
         "    <div id='texto'>%@</div> \n" 
         "   </div> \n" 
         "   %@ \n" //Nielsen code 
         "  </body> \n" 
         "</html> \n",cssCode,item.category,item.title,item.subtitle,imggt,item.pubDate,item.author,[item.text stringByReplacingOccurrencesOfString:@"[br]" withString:@"<br />"],[AppStaticData getNielsenSiteCensusHTMLImageOfArticle:item.url]]; 

[webView loadHTMLString:htmlCode baseURL:baseURL]; 

}

Le code HTML CSS & testé sur un navigateur fonctionne:

iOs and Chrome browsers

Le problème semble être ici:

"#destacados img { width: 97%; text-align:center; margin: 0 auto; border: 8px solid #FFF; } \n"

Semble que je ne peux pas utiliser des pourcentages pour définir la valeur de l'image. Pourquoi? Existe-t-il un autre moyen d'escalader l'image originale par rapport à la taille du conteneur?

Source

2011-11-04 Jimmy

Vous devez échapper le '%' dans votre code CSS, avant de créer le [NSString stringWithFormat]. Dans le cas où vous n'avez même pas besoin d'une chaîne de construction à partir d'un format simple

NSString *cssCode = @"your css {}";

devrait fonctionner.

Source

2011-11-04 08:54:08 onigunn

'Vous devez échapper le '%' dans votre code CSS - c'était la partie qui me manquait. Merci. – kaczor1984

L'iOS UIWebView, le CSS et les pourcentages

Répondre

Questions connexes