我正在开发一个具有WebView打开网站的应用程序。 我现在在iPod和iPhone上进行测试,它有着奇怪的不同结果。
在iPhone(4S)中,边缘被剪切,而在iPod(Touch 5th gen)中,它会被正确显示。
截图: iPod Touch:
iPhone:
之前有没有发生过这种情况?我该如何解决?
谢谢。
修改
网站的一些代码:
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>P Home</title>
<link rel="stylesheet" type="text/css" href="pfmanage.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<!-- Bootstrap CSS fixes for IE6 -->
<!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-ie6.min.css"><![endif]-->
<!-- Shim to make HTML5 elements usable in older Internet Explorer versions -->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="bootstrap_font_awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="custom_styles/custom_styles.css">
<link rel="stylesheet" type="text/css" href="my_styles/my_styles.css">
<!-- Bootstrap styles for responsive website layout, supporting different screen sizes -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css">
</head>
<script>
...
我的webView控制器功能:
- (void)viewDidLoad
{
[super viewDidLoad];
_webView.delegate = self;
NSUserDefaults *prefs = [NSUserDefaults standardUserDefaults];
NSString *PendragonURL= [prefs stringForKey:@"PendragonURL"];
NSURL *url = [NSURL URLWithString:PendragonURL];
NSURLRequest *requestURL = [NSURLRequest requestWithURL:url];
[_webView loadRequest:requestURL];
_webView.scalesPageToFit = true;
}
编辑2
似乎问题与Constraints
:
如果我在WebViewController中添加/重置缺失/建议的约束,我的iPod可以正常工作,而我的iPhone则没有。
如果我删除了所有限制条件,则它们都不能正常工作。