2016-08-15 69 views
0

这是我的代码。 虽然该网站是响应式的,但用户界面显示不正确。宽度不像浏览器中的响应站点那样显示。Xamarin.Forms webview不显示url响应html

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

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

+0

该网站是显示在所有或它只是一个空白的屏幕? –

+0

该网站在webview内显示,但它没有按比例缩小宽度,按设备大小。 –

+0

你可以发布html或提供一个链接到网站。 WebView通常显示响应html就好了,因此我认为这可能是您的html的问题。 –

回答

1

在ClassroomDJ.com添加视标签在标签

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

为了让移动浏览器上适当的比例。移动操作系统中的WebViews不如移动设备上的常规浏览器强大,并且通常是需要更多信息才能正常工作的有限子集。常规浏览器总是试图处理大量的边缘案例,为用户提供尽可能好的体验。

+0

谢谢。我认为视口元标记在那里。你的答案解决了我的问题。之后我必须对图像应用一些响应式css修复。 –