iOS UIWebView，CSS＆和百分比

我正在開發一個iOS應用程序，它將一個CSS樣式表的HTML字符串的內容加載到UIWebView中，但是當我使用百分比'％'來定義圖像的寬度。它只是不起作用！iOS UIWebView，CSS＆和百分比

- (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]; 

}

上的瀏覽器測試的CSS & HTML代碼的工作：

iOs and Chrome browsers

這個問題似乎是在這裏：

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

看來，我不能用百分比來設置圖像的值。爲什麼？還有其他方法可以將原始圖像相對於容器大小進行縮放嗎？

來源

2011-11-04 Jimmy

在構建[NSString stringWithFormat]之前，您必須在css代碼中跳過'％'。如果您甚至不需要從格式構建字符串，則可以使用簡單的

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

應該可以工作。

來源

2011-11-04 08:54:08 onigunn

'你必須在你的css代碼中跳過'％' - 這是我錯過的部分。謝謝。 – kaczor1984

iOS UIWebView，CSS＆和百分比

回答

相關問題