我今天花了几个小时尝试使用asp.net和CSS开发一个响应式网站。我已经成功地建立了一个响应文本的测试站点，但是现在我尝试使用图像进行响应。基本上，我希望在操纵浏览器窗口大小时缩小图像。我已经阅读了一些教程，包括W3和类似的各种文章：
当浏览器的宽度/高度变化时，如何使用CSS动态调整图像大小？
但更改浏览器尺寸时，我无法获得用于更改尺寸的jpg。
我正在用一个非常简单的测试文件来解决这个问题。这是我所拥有的：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="CSS\Pictures.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="Image">
<asp:Image ID="Image1" runat="server" ImageUrl="Images\IMG_1410.jpg" style="width:300px;height:300px;" />
</div>
</form>
</body>
</html>
当然，这是默认页面，CSS文件是：
.Image
{
max_width: 100%;
height: auto;
}
我已经尝试了类版本，如您在此处看到的那样，并且还使用#Image使用了div id。我什至进入了Visual Studio中图像的属性，并设置了图像像素长度，但仍然没有任何反应。我还尝试添加了一个：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
还是一无所有。
任何帮助，将不胜感激。即使我按照教程进行操作，我也无法理解它是如何工作的。我肯定错过了什么。
感谢您的帮助。
您正在尝试使图像具有响应性，但是您已使用内联CSS固定了它们的大小：
style="width:300px;height:300px;"
删除该错误，并修复其他答案中提到的错别字，您应该一切顺利。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句