用于mvc中动态图像固定大小的jquery或css

我正在寻找一个jquery脚本或css，它可以在整个窗口高度和宽度下将我的所有图像调整为700x400，但在调整浏览器大小时仍保持引导图像响应功能。目前，我的图像以全尺寸显示，我正在动态添加图像，输出如下所示：

            <div class="col-md-4 portfolio-item">
                <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">
                    <img class="img-responsive" src="@Html.Raw("data:image/jpeg;base64," + images.Single(image => image.Key == item.Id).Value)" alt="">
                </a>
                <h3>
                    <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">@Html.DisplayFor(modelItem => item.Title)</a>
                </h3>

                <p>@Html.DisplayFor(modelItem => item.ShortDescription)</p>
                @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
                @Html.ActionLink("Details", "Details", new { urlslug = item.UrlSlug }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.Id })
            </div>

但是，它应该是这样的：

            <div class="col-md-4 portfolio-item">
                <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">
                    <img class="img-responsive" src="@Html.Raw("data:image/jpeg;base64," + images.Single(image => image.Key == item.Id).Value)" alt="">
                </a>
                <h3>
                    <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">@Html.DisplayFor(modelItem => item.Title)</a>
                </h3>

                <p>@Html.DisplayFor(modelItem => item.ShortDescription)</p>
                @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
                @Html.ActionLink("Details", "Details", new { urlslug = item.UrlSlug }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.Id })
            </div>

我的观点是这样的：

            <div class="col-md-4 portfolio-item">
                <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">
                    <img class="img-responsive" src="@Html.Raw("data:image/jpeg;base64," + images.Single(image => image.Key == item.Id).Value)" alt="">
                </a>
                <h3>
                    <a href="@Url.Action("Details", "Post", new { urlslug = item.UrlSlug })">@Html.DisplayFor(modelItem => item.Title)</a>
                </h3>

                <p>@Html.DisplayFor(modelItem => item.ShortDescription)</p>
                @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
                @Html.ActionLink("Details", "Details", new { urlslug = item.UrlSlug }) |
                @Html.ActionLink("Delete", "Delete", new { id = item.Id })
            </div>

@DisplayFor（modelItem=>item.ShortDescription）

@ActionLink（“编辑”，“编辑”，新的{id=item.id}）|
@ActionLink（“详细信息”，“详细信息”，新的{urlslaug=item.urlslaug}）|
@ActionLink（“删除”，“删除”，新的{id=item.id}）

我会使用照片编辑程序将图像大小调整为700x400。您的图像高度和宽度都不同，因此当您自动调整它们的大小时，它们将被截断或拉伸。如果您在700x400的图像编辑器中创建一个新文件，并根据需要调整图像的大小，效果会更好。通过这种方式，它将按照您现在在引导程序中设置的方式工作，并调整响应图像的大小，它们将永远不会超过您的最大宽度和高度700x400。

我将使用照片编辑程序将图像大小调整为700x400。您的图像高度和宽度都不同，因此当您自动调整它们的大小时，它们将被截断或拉伸。如果您在700x400的图像编辑器中创建一个新文件，并根据需要调整图像的大小，效果会更好。通过这种方式，它将按照您现在在引导程序中设置的方式工作，并调整响应图像的大小，它们将永远不会超过您的最大宽度和高度700x400。

我将使用照片编辑程序将图像大小调整为700x400。您的图像高度和宽度都不同，因此当您自动调整它们的大小时，它们将被截断或拉伸。如果您在700x400的图像编辑器中创建一个新文件，并根据需要调整图像的大小，效果会更好。通过这种方式，它将按照您现在在引导程序中设置的方式工作，并调整响应图像的大小，它们将永远不会超过您的最大宽度和高度700x400。

我将使用照片编辑程序将图像大小调整为700x400。您的图像高度和宽度都不同，因此当您自动调整它们的大小时，它们将被截断或拉伸。如果您在700x400的图像编辑器中创建一个新文件，并根据需要调整图像的大小，效果会更好。通过这种方式，它将按照您现在在引导程序中设置的方式工作，并调整响应图像的大小，它们将永远不会大于您的最大宽度和高度700x400。

如果我理解正确，您希望在700 x 400元素中以最大宽度或高度显示任意大小的图像

• 最好的方法是在服务器上动态调整图像大小。因为您使用的是ASP，所以
• 如果需要，在浏览器中执行此操作的最简单方法 用户使用现代（IE 9+）浏览器，就是使用，它允许您以各种方式填充元素
• 如果您真的想以编程的方式进行，可以使用JQuery插件，如

---

祝你好运！让我们知道您最后要做什么。

如果我理解正确，您希望在700 x 400元素中以最大宽度或高度显示任意大小的图像

• 最好的方法是在服务器上动态调整图像大小。因为您使用的是ASP，所以
• 如果需要，在浏览器中执行此操作的最简单方法 用户使用现代（IE 9+）浏览器，就是使用，它允许您以各种方式填充元素
• 如果您真的想以编程的方式进行，可以使用JQuery插件，如

---

祝你好运！让我们知道您最后要做什么。

如果我理解正确，您希望在700 x 400元素中以最大宽度或高度显示任意大小的图像

• 最好的方法是在服务器上动态调整图像大小。因为您使用的是ASP，所以
• 如果需要，在浏览器中执行此操作的最简单方法 用户使用现代（IE 9+）浏览器，就是使用，它允许您以各种方式填充元素
• 如果您真的想以编程的方式进行，可以使用JQuery插件，如

---

祝你好运！让我们知道您最后要做什么。

如果我理解正确，您希望在700 x 400元素中以最大宽度或高度显示任意大小的图像

• 最好的方法是在服务器上动态调整图像大小。因为您使用的是ASP，所以
• 如果需要，在浏览器中执行此操作的最简单方法 用户使用现代（IE 9+）浏览器，就是使用，它允许您以各种方式填充元素
• 如果您真的想以编程的方式进行，可以使用JQuery插件，如

---

祝你好运！让我们知道你最后要做什么。

如果你想使用CSS路线，我可以建议你使用一个容器来存放图像。基本上，我的意思如下：

：：HTML:：：

<!--  creates a container for your image -->
<div id="imageDiv">
     <img src='yourImageHere'>
</div>

我不是100%了解代码，那是记忆造成的。但本质上在英语中，它应该做的是为你可以控制大小的图像创建一个容器。创建容器后，在其中添加一个图像

CSS是一个小把戏。本质上，

溢出：隐藏

允许您隐藏容器上的滚动条，以显示您输入的大于您的ne的任何图片