Xamarin.Forms webview not showing responsive html from url

Question

Here is my code. Though the site is responsive, the ui is not showing correctly.The width is not showing like responsive site in a browser.

<WebView Source="http://www.classroomdj.com" x:Name="webView"    

      Navigated="webOnEndNavigated"
      Navigating="webOnNavigating"
      VerticalOptions="FillAndExpand"
      HorizontalOptions="FillAndExpand"
  />

the site is showing inside webview but its not scaling down the width, size by device with. — Zafrul Hassan
– Zafrul Hassan, Commented Aug 16, 2016 at 6:01
Can you post the html or provide a link to the site. The WebView normally displays responsive html just fine, hence I think it might be an issue with your html. — Adam
– Adam, Commented Aug 17, 2016 at 0:31
Ah, ok if its ClassroomDJ, then I just tested that and can see what you mean. The WebView isn't exactly the same as the browser and has all kinds of wonderful quirks. — Adam
– Adam, Commented Aug 17, 2016 at 1:01

Adam · Accepted Answer · 2016-08-17 01:46:43Z

1

In ClassroomDJ.com add the viewport tag in the tags

<meta name="viewport" content="width=device-width, initial-scale=1">

To allow proper scaling on a mobile browser. The WebViews in the mobile OS are not as powerful as the regular browsers on mobile devices and are normally a limited subset that needs more information to work properly. The regular browsers always try to take care of a huge amount of edge cases to give the user the best experience possible.

answered Aug 17, 2016 at 1:46

Adam

16.2k7 gold badges68 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zafrul Hassan Over a year ago

Thanks. I thought the viewport meta tag was there.Your answer fixed my problem.After that I have to apply some responsive css fixings to images.

Collectives™ on Stack Overflow

Xamarin.Forms webview not showing responsive html from url

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related