iOS UIWebview too large for screen

Question

Ok....just doing some self education. Thought I would try and create what I thought was a simple webview of youtube. So the webview opens Youtube but the content is way off the screen. It's like the page is being delivered to a larger device or something.

I've tried multiple sites like google and still same result, text off the screen or images off the screen. I was thinking it would shrink after all when I go to the site using Safari on the iPhone it displays properly but through an app/webview I get: Current Webview

Here is my viewcontroller.m:

#import "ViewController.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad 
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    webPage.delegate = self;
    webPage.scalesPageToFit = NO;
    NSString *website = @"http://www.youtube.com:";
    NSURL *url = [NSURL URLWithString:website];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];

    [webPage loadRequest:request];

}

- (void)webViewDidFinishLoad:(UIWebView *)webView 
{ 
    [webPage     stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.querySelector('meta[name=viewport]').setAttribute('content', 'width=%d;', false); ", (int)webPage.frame.size.width]]; 
}

- (void)didReceiveMemoryWarning 
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
@end

Here is my viewcontroller.h

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIWebViewDelegate>{
    IBOutlet UIWebView *webPage;   
}
@end

try setting constraint "equals width" or set web view frame as your view's frame. — Agent Chocks., Mar 12 '15 at 05:52
Well you're setting `webPage.scalesPageToFit` to `NO` so try changing this to `YES` — Popeye, Mar 12 '15 at 08:08
I've tried webPage.scalePagesToFit = YES but it actually looks worse. Cutoff and then zoomed in? — Dobbs, Mar 12 '15 at 14:59

score 1 · Answer 1 · answered Mar 12 '15 at 06:13

1

Try this

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    webView.scalesPageToFit = YES;//set here
    return YES;
}

answered Mar 12 '15 at 06:13

Suyash Seth

85
1
10

score 0 · Answer 2 · answered Mar 12 '15 at 15:14

Ok so for me what worked was to select the UIWebView on my Main.storyboard and click the Resolve Auto Layout Issues button in the lower right hand corner. (Icon is a small triangle with vertical lines on either side....looks kind of like a Tie Fighter from Star Wars...lol) From there I selected "Reset to Suggested Constraints" and ran my app again...everything displayed correctly! Thanks to Agent and Ayan for pointing me in the right direction with constraints!

iOS UIWebview too large for screen

2 Answers2