在我当前的项目中，我只想使用CSS / HTML来获取我的图片（在内）以调整页面大小。我曾在以前的网站上进行过这项工作，现在...事实并非如此。调整浏览器窗口的大小后，它只会从右侧截取图像；请勿调整大小。
@charset "utf-8";
/* CSS Document */
div.divBannerScale {
width: 100%;
height: auto;
}
img.bannerScale {
max-width: 100%;
min-width: 40%;
height: auto;
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Website</title>
<link href="/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="bannerDIVcontainer" class="divBannerScale">
<img src="Images/bannerFull-01.png" width="2561" height="445" class="bannerScale" />
</div>
</body>
</html>我已经尝试在margin: 0 auto类和display: block类的每一个上添加padding，div，image等，但是由于似乎没有什么区别，因此最终将其删除。 （并且过去不需要。）
我真的不明白为什么当它在另一个经过更混乱编码的站点上时，现在不起作用。显然，我不是专家，但是通常我可以弄清楚这些事情。
任何帮助将不胜感激。
也许您的图片已经是其原始尺寸的40％？在我的测试中，该代码似乎正常工作。
将所有多余的CSS修剪掉（如果最小宽度确实太大）：
img.bannerScale {
max-width: 100%;
min-width: 1%;
height: auto;
}
您可以看到一个实时示例here。
请注意，您不需要为div大小做任何事情，因为它的大小将与放入其中的大小一样大（假设您没有做任何时髦的事情，例如绝对定位）