如何增加元素的宽度以适应窗口的宽度？答案

【问题标题】：How to grow width of an element to fit window's width?如何增加元素的宽度以适应窗口的宽度？
【发布时间】：2014-02-26 01:48:17
【问题描述】：

我想在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);

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

我怎样才能做到这一点？谢谢。

【问题讨论】：

将width="100%" 添加到图像中，不要设置宽度，如正文等。

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

【解决方案1】：

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

默认情况下，在 HTML 中，如果您为图像指定高度或宽度（但不能同时指定两者），另一个属性将自动缩放以保持相同的纵横比。

【讨论】：