2016-08-15 111 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修復。 –