Здравствуйте. Я пытаюсь отобразить две разные html-страницы через один и тот же UIViewController, который имеет подпредставление UIWebView.
Обе html-страницы используют один и тот же css и похожи по структуре.Однако я заметил, что при просмотре как в iOS Simulator, так и на устройстве размер шрифта страницы с меньшим содержанием значительно меньше, чем на странице с большим содержанием.
Может кто-нибудь объяснить мне, чтоЯ мог бы сделать, чтобы иметь одинаковый размер шрифта в обоих представлениях?
Вот мой код UIWebView:
CGRect appFrame = [[UIScreen mainScreen] applicationFrame];
self.webView = [[[UIWebView alloc] initWithFrame: appFrame] autorelease];
self.webView.backgroundColor= [UIColor whiteColor];
self.webView.scalesPageToFit= YES;
self.webView.autoresizingMask = (UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);
NSString *filePath = [[NSBundle mainBundle] pathForResource:self.resourceName ofType:@"html"];
NSURL *urlLocation= [NSURL fileURLWithPath:filePath];
[self.webView loadRequest:[NSURLRequest requestWithURL:urlLocation]];
self.view = self.webView;
Вот соответствующий HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 /loose.dtd">
<html>
<head>
<LINK href="manual.css" rel="stylesheet" type="text/css">
<title>My Info text</title>
</head>
<body>
<table >
<tr>
<td class="title">
<b>How to do it</b>
</td>
</tr>
<tr>
<td class ="content">
Some Instructions on how to do it properly.
</td>
</tr>
</table>
</body>
</html>
А вотCSS.Кажется, что основная проблема заключается в td.content, поскольку заголовок имеет правильный размер (или, по крайней мере, заметно не различается на обоих экранах):
body {
background-color : rgb(255,255,255);
font-size : 35px;
font-family : Helvetica;
color : rgb(54,54,54);
margin-right : 0px;
margin-left : 0px;
}
table {
width : 100%;
height: 100%;
margin-top : 20px;
margin-bottom : 20px;
margin-right : 0px;
margin-left : 0px;
border-spacing : 0px;
padding-right : 0px;
padding-left : 0px;
}
tr {
margin-top : 0px;
margin-bottom : 0px;
margin-right : 0px;
margin-left : 0px;
}
td.content {
font-size : 1em;
text-align : left;
vertical-align: top;
margin-top : 0px;
margin-bottom : 0px;
margin-right : 0px;
margin-left : 0px;
padding-top : 5px;
padding-bottom : 10px;
padding-right : 30px;
padding-left : 30px;
}
td.title {
width : 170px;
font-size : 1.5em;
font-weight : bold;
text-align : left;
vertical-align : top;
margin-top : 0px;
margin-bottom : 0px;
margin-right : 0px;
margin-left : 0px;
padding-top : 5px;
padding-bottom : 10px;
padding-right : 30px;
padding-left : 30px;
}