试图让一个html页面完整地出现在iOS模拟器中

时间:2013-05-05 01:02:43

标签: html ios objective-c uiwebview mobile-webkit

我有一个html页面,我试图通过我的iOS应用程序中的UIWebView显示。一切都很好,除了我无法在屏幕上查看整个页面。我只看到左上角,然后我必须向下滚动或向右滚动以查看剩余的页面。我想指出HTML页面上的图像是整页的大小,这很可能是整个HTML页面不适合iOS屏幕的原因。

这是我的iOS代码(非常简单):

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    [webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"arabic" ofType:@"html"] isDirectory:NO]]];
}

这是我试图显示的HTML代码:

<html>
<head>
<title>My Title</title>

<style type="text/css">

#container {
    position:relative;
}
#highlight {
    position:absolute;
    width:325px;
    height:55px;
    top:230px;
    left:475px;
    background: rgba(255, 0, 0, 0.4);
}

</style>

</head>
<body>

<div id="container">
    <img src="myImage.png" />
    <div id="highlight"></div>
</div>

</body>
</html>

任何人都可以看到我做错了什么,以及如何在屏幕上查看整个页面?

1 个答案:

答案 0 :(得分:1)

UIWebView的scalesPageToFit属性可能就是你要找的东西。根据{{​​3}},

  

如果是,则缩放网页以适应,用户可以放大和缩小。如果为NO,则禁用用户缩放。

希望这有帮助!