将图像缩放到Window的宽度

Question

我需要一种将图像缩放到窗口宽度的方法 下面是我目前写的代码 - 任何建议。高度应自动调整到宽度，从而保持图像的固有比例。

如果我更改了CSS，我甚至需要设置高度，因为它会自动调整大小以设置宽度和保持比例吗？

var node = new Uri(url);
var connectionSettings = new ConnectionSettings(node);
connectionSettings.BasicAuthentication(settings.username,settings.password);
client = new ElasticClient(connectionSettings);

Answer 1

要将图像缩放到窗口宽度，可以使用CSS属性“width”并以百分比形式给出值。

例如，如果您想让图像覆盖窗口的80％，请写下：

width:80%;

将高度设置为自动以保持固有比率：

height:auto;