如何增加元素的宽度以适应窗口的宽度?

时间:2014-02-26 01:48:18

标签: c# xaml windows-phone-7 windows-phone-8 windows-phone

我想在WebBrowser

中显示图片
<html>
    <body style="margin:0px;padding:0px;border:0px">
        <img src="http://phaseoneimageprofessor.files.wordpress.com/2010/09/logo_image_professor_22.jpg"/>
    </body>
</html>

我想要image的宽度增长并且与可见窗口的宽度相同(它不是全屏)。它的高度也应该增长,而不会失去它的形状。

var htmlString = "<html><body style="margin:0px;padding:0px;border:0px"><img src="http://phaseoneimageprofessor.files.wordpress.com/2010/09/logo_image_professor_22.jpg"/></body></html>"; //It's missing some backslashes, you got the idea.
webBrowser.NavigateToString(htmlString);

目前它只是出现在页面的一角,这不是我想要的。

我怎样才能实现这一目标?感谢。

1 个答案:

答案 0 :(得分:2)

<img src="image.jpg" width="100%" />

默认情况下,如果为图像指定高度或宽度(但不是两者),则另一个属性将自动缩放以保持相同的宽高比。