iOS: UIWebview content fit to window

概述虽然设置了uiwebview的"scalesPageToFit"为yes，但当把ipad打横打竖时，还是有这样那样的问题，效果总不是很满意 (web page html code已经使用了viewport)。而且目前开发的一个app，在打横时uiwebview的宽度需要放大缩小，而当size变化时，并没有通知web page来调整。见自己的"WebviewScaleToFitDemo" proje @H_403_0@ @H_403_0@

虽然设置了uiwebvIEw的"scalesPagetoFit"为yes，但当把ipad打横打竖时，还是有这样那样的问题，效果总不是很满意 (web page HTML code已经使用了vIEwport)。而且目前开发的一个app，在打横时uiwebvIEw的宽度需要放大缩小，而当size变化时，并没有通知web page来调整。见自己的"WebvIEwScaletoFitDemo" project.

解决方法是：在修改了uiwebvIEw的frame size时，执行下列代码：

    [webvIEw stringByEvaluatingJavaScriptFromString:     [Nsstring stringWithFormat:      @"document.querySelector('Meta[name=vIEwport]').setAttribute('content','wIDth=%d;',false); ",(int)webvIEw.frame.size.wIDth]];    

上面的代码应该在修改webvIEw frame rect和finishload时调用。example codes:

- (IBAction)setSmallWIDth:(ID)sender {    webvIEw.frame=CGRectMake(10,10,500,600);    [self fitContentForWebvIEwResize];}- (IBAction)setLargeWIDth:(ID)sender {    webvIEw.frame=CGRectMake(10,800,600);    [self fitContentForWebvIEwResize];}- (voID)webVIEwDIDFinishLoad:(UIWebVIEw *)theWebVIEw{    [self fitContentForWebvIEwResize];}- (voID) fitContentForWebvIEwResize {    [webvIEw stringByEvaluatingJavaScriptFromString:     [Nsstring stringWithFormat:      @"document.querySelector('Meta[name=vIEwport]').setAttribute('content',(int)webvIEw.frame.size.wIDth]];    }

ref link:

http://stackoverflow.com/questions/6007904/uiwebview-donest-resize-correctly-when-orientation-change

http://stackoverflow.com/questions/1511707/uiwebview-does-not-scale-content-to-fit

测试browser size的URL: http://mo191011.ad.cityu.edu.hk/web/device/

@H_403_0@ 总结

以上是内存溢出为你收集整理的iOS: UIWebview content fit to window全部内容，希望文章能够帮你解决iOS: UIWebview content fit to window所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。