Question

我有一个我在后端创建的图表，然后作为图像传递到前端。我需要这个图像缩小/增长，因为我改变了浏览器的窗口大小但无法使其适应屏幕大小。任何人都知道如何通过改变浏览器窗口的大小来自动调整大小？

equip.cshtml：

<img src="@Url.Action("DrawChart")" alt="Drawing chart with HTML Helper" />

equip.cs

public ActionResult DrawChart()
    {
        var chart = new Chart(width: 450, height: 300)
            .AddSeries(
                        chartType: "Doughnut",
                        xValue: new[] { "10 Records", "20 Records", "30 Records", "40 Records" },
                        yValues: new[] { "50", "60", "78", "80" })
                        .GetBytes("png");

        return File(chart, "image/bytes");
    }

Answer 1

将其添加到视图顶部或模板中。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

根据您的Css，这应该有效。看看bootstrap示例，这应该会给你一个更好的主意。例如，固定属性对您没有帮助。

很多响应式设计的例子。

Answer 2

我认为我们需要一个响应式设计......

我刚刚在改变屏幕尺寸时给出了调整大小图像的答案

结帐Making background images responsive - fullpage.js

如何通过动态更改浏览器大小来自动调整图像？

2 个答案: