如何在 Windows Phone 7 中自动调整 Web 浏览器控件高度

>我在 xaml 中创建了一个 WebBrowser 控件，并通过字符串将一些 HTML 绑定到它。它工作正常.但是Web浏览器永远不会自动调整其高度。

<phone:WebBrowser
    HorizontalAlignment="Stretch" 
    Margin="0,6,0,0" Name="myWebView" 
    VerticalAlignment="Top" />
private void WebBrowser_OnLoaded(object sender, RoutedEventArgs e)
{
    String htmlTags = "<html><head><meta charset='UTF-8'/><meta name="viewport" content="width='480', initial-scale='1'"></head><body><center>{0}</center></body></html>";
    myWebView.NavigateToString(String.Format(htmlTags, getHTMLContent());
}
public string getHTMLContent()
{
    StringBuilder htmlBody = new StringBuilder();
    htmlBody.Append("<table cellpadding="0" cellspacing="0" width="704" height="484" background="https://known.com/img/back/123456.jpg" style="background-repeat: no-repeat; background-position: center;">");
    htmlBody.Append("<tr>");
    htmlBody.Append("<td valign=top>");
    htmlBody.Append("<div style="position: absolute;">");
    htmlBody.Append("<div style="position: absolute; display: table; width: 132px; height: 132px; top: 44px; left: 44px; z-index:0;">");
    htmlBody.Append("<img src="https://known.com/img/icon/87654.jpg" width="100%" height="100%"/>");
    htmlBody.Append("</div>");
    htmlBody.Append("<div style="position: absolute; display: table; width: 704px; height: 484px; top: 0px; left: 0px; z-index:0; ">");
    htmlBody.Append("<img src="https://known.com/img/icon/234255.jpg" width="100%" height="100%"/>");
    htmlBody.Append("</div>");
    htmlBody.Append("<div style="position: absolute; display: table; width: 440px; height: 264px; top: 184px; left: 184px; z-index:0;  font-family:times;  font-size:14px;  color:#FFFFFF; " align="center">");
    htmlBody.Append("<div style="display: table-cell;vertical-align: middle;">");
    htmlBody.Append("</div>");
    htmlBody.Append("</div>");
    htmlBody.Append("</div>");
    htmlBody.Append("</td>");
    htmlBody.Append("</tr>");
    htmlBody.Append("</table>");
    return htmlBody.ToString();
}

我想要的Web浏览器是什么

1）根据HTML字符串自动调整其高度。如果我只传递一个图像平均值，它应该根据图像自动调整。它没有内容的意思，浏览器应该隐藏自己。

2）不应该滚动，因为Web浏览器已经拉伸了它的高度以适应内容。

我该怎么做？请让我有任何想法来解决我的问题。

您需要使用 javascript 来获取呈现的 html 的高度并将其设置为您的 WebBrowser 控件。

这是它的实现。

相关内容

最新更新

热门标签：