Android的webview中html5的相同代码运行自然,但contentSize在iOS上更大。是否它与html5代码有一些错误?我可以在iOS客户端上做一些修复吗?UIWebview的contentSize不适合手机屏幕
0
A
回答
0
如果您使用UIWebView加载内容,则可以将webview的内容设置为适合。如下:
myWebView.scalesPageToFit = YES; //true for Swift
0
webView.scalesPageToFit = YES;
应大小的网页,以适合的UIWebView的大小。用户然后可以选择放大和缩小页面。你的问题可能是因为webview没有正确定位。如果您的视图控制器视图完全适合屏幕,请将其添加到您的代码中。
webView.frame=self.view.bounds;
+0
TKS的回答,但没有工作; – JohnChen
0
对不起,这是我的代码,如果有任何我失去了发布,请告诉我,TKS!
- (UIWebView *)webView
{
if (!_webView)
{
_webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 45, self.view.width, self.view.height - 45)];
_webView.scalesPageToFit = YES;
_webView.scrollView.scrollEnabled = NO;
_webView.allowsInlineMediaPlayback = YES;
_webView.mediaPlaybackRequiresUserAction = NO;
[self.view addSubview:_webView];
}
return _webView;
}
<head>
<meta charset="utf-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta mame="renderer" content="webkit">
<meta content="telephone=no,email=no" name="format-detection">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" type="text/css" href="lib/type_2/images/engine/style.css" media="screen">
<link rel="stylesheet" href="lib/type_2/css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/album.css">
<title>
相册
</title>
<script type="text/javascript" src="js/template.js"></script>
<script id="itemsTpl" type="text/html">
{{each list as value i}}
<li class="captionImg"><img src="{{value}}" alt="{{i}}" title="" /></li>
{{/each}}
</script>
</head>
<body>
<div id="wrapper">
<i class="i i-1"></i>
<div><div id="wowslider-container" class="ws_gestures" style="font-size: 10px;"><div class="ws_images"><div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/854ABED8-D819-4BB0-B772-DD73A64153C7.jpg" alt="0" title="" style="width: 100%;"></div><div class="ws_list" style="position: absolute; top: 0px; height: 100%; transform: translate3d(0px, 0px, 0px); width: 300%; display: table; left: 0%;"><div class="ws_swipe_left" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 33.333333333333336%; left: -33.333333333333336%;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/10B68731-D2CA-43A8-9A63-D1C964982BED.jpg" alt="2" title="" style="visibility: visible; width: 100%; height: auto; margin-top: 0px; margin-left: 0px;"></div><ul id="items" style="width: 100%;">
<li class="captionImg" style="display: table-cell; float: none; width: auto; font-size: 0px;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/854ABED8-D819-4BB0-B772-DD73A64153C7.jpg" alt="0" title="" style="visibility: visible; width: 100%; height: auto; margin-top: 0px; margin-left: 0px;"></li>
<li class="captionImg" style="display: table-cell; float: none; width: auto; font-size: 0px;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/5270A5C5-F840-447D-BB5B-585A3E163023.jpg" alt="1" title="" style="visibility: visible; width: 100%; height: auto; margin-top: 0px; margin-left: 0px;"></li>
<li class="captionImg" style="display: table-cell; float: none; width: auto; font-size: 0px;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/10B68731-D2CA-43A8-9A63-D1C964982BED.jpg" alt="2" title="" style="visibility: visible; width: 100%; height: auto; margin-top: 0px; margin-left: 0px;"></li>
</ul><div class="ws_swipe_right" style="position: absolute; top: 0px; height: 100%; overflow: hidden; width: 33.333333333333336%; left: 100%;"><img src="/var/mobile/Containers/Data/Application/B1C82725-9EFC-4A90-BFE2-27FD701A0A9A/Documents/Image/854ABED8-D819-4BB0-B772-DD73A64153C7.jpg" alt="0" title="" style="visibility: visible; width: 100%; height: auto; margin-top: 0px; margin-left: 0px;"></div></div></div><div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: visible;" class="ws_effect"><div class="ws_parts"></div><div class="ws_zoom"></div><div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;"></div></div><div class="ws_effect" style="position: absolute; background-size: cover; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-backface-visibility: hidden;"><div class="ws_effect" style="position: absolute; background-size: cover; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-backface-visibility: hidden; transform-style: preserve-3d; perspective: 2000px; z-index: 8; overflow: visible;"></div></div><div class="ws_effect" style="overflow: visible; position: absolute; top: 0px; left: 0px; width: 1280px; height: 0px; transform: translate3d(0px, 0px, 0px); transform-origin: 640px 360px 0px; perspective: 2000px; display: none;"></div><div class="ws_video_btn"><div></div></div></div></div>
</div>
<script type="text/javascript" src="lib/type_2/images/engine/jquery.js"></script>
<script type="text/javascript" src="lib/type_2/images/engine/wowslider.js"></script>
<script type="text/javascript" src="lib/type_2/images/engine/script.js"></script>
<script type="text/javascript">
var re=null;
function initData(result){
//result={"time": "3000","list": ["imgs/1.jpg", "imgs/2.jpg","imgs/3.jpg"]};
re=result;
//alert(result)
$("#wowslider-container").html("<div class=\"ws_images\"><ul id=\"items\"></ul></div>");
var html = template('itemsTpl', result);
document.getElementById('items').innerHTML="";
document.getElementById('items').innerHTML = html;
banner(result.time, result.list.length-1);
}
function doing(index){
if(index==0){
wowSlider=null;
var html="<div class=\"last\"><img src=\""+re.list[re.list.length-1]+"\" /></div>" ;
document.getElementById('wowslider-container').innerHTML = html;
// 结束了
}
}
</script>
</body>
相关问题
- 1. 手机间隙屏幕图像不适合屏幕
- 2. CSS(手机)适合屏幕页面
- 3. 网站不适合在手机屏幕上的全屏
- 4. 流星手机画布不适合屏幕
- 5. UIWebview:不旋转,不调整大小以适合整个屏幕
- 6. 适合屏幕
- 7. 如何使div适合100%的手机屏幕
- 8. 如何根据手机屏幕的宽度适合Ringdroid波形
- 9. 布局不适合屏幕
- 10. Cardview不适合屏幕
- 11. Bootstrap Modal不适合屏幕
- 12. 图像不适合屏幕
- 13. Smartgit Ubuntu不适合屏幕
- 14. UIWebview适合屏幕,但不能放大iphone编程
- 15. UIWebView不自动调整大小以适合屏幕
- 16. 使文本输入框适合手机屏幕
- 17. UIWebView ContentSize高度
- 18. 如何让网站适应不同尺寸的手机屏幕?
- 19. 如何适应元素在不同的手机屏幕
- 20. 的Iframe适合屏幕
- 21. Android屏幕在不同的手机上
- 22. 适合从不同的Orthographic相机位置的屏幕
- 23. 适合不同的屏幕尺寸
- 24. 适合不同屏幕的背景
- 25. 的ListView侧指数不适合屏幕
- 26. Android ImageView不适合较大的屏幕
- 27. UIImageView不适合我的屏幕
- 28. CSS不适用于小屏幕尺寸手机
- 29. 问题与网站,不结垢,以适应手机屏幕
- 30. 在iOS5和iOS6中缩放UIWebView以适合全屏幕
请添加代码 – oremag14jf