css 控制图片大小 小于固定值 控制大小

哈哈，今天我在制作CMS模板时，遇到了面需要特定代码实现的问题。第一次找到的代码是JavaScript风格的，不太符合我的期望。于是我开始寻找第二段代码，这次找到的还不错，可用性强。部分代码涉及CSS3，对于仍在使用IE6的我来说，支持情况并不理想。

在制作网站时，图片自动适应大小是一个非常重要的功能。为了防止图片撑开容器，我们需要对图片尺寸进行控制。那么，是否可以通过CSS来控制图片自适应大小呢？我们找到了一种相对简单的解决方案，虽然并不完美，但如果你的要求不是非常高，它应该可以满足你的需求。

让我们参考狼蚁网站SEO优化的代码来详细一下。这段代码为：

```css

div img {

max-width:600px;

width:600px;

width:expression(document.body.clientWidth>600?"600px":"auto");

overflow:hidden;

}

```

◎ `max-width:600px;` 在IE7、FF等其他非IE浏览器下，图片的最大的宽度限制为600px。但在IE6中，这一属性无效。

◎ `width:600px;` 这一属性将确保在所有浏览器中，图片的大小始终为600px。

◎ `width:expression(...)` 这是一个在IE6中有效的表达式，当图片大小大于600px时，会自动缩小为600px。

◎ `overflow:hidden;` 这一属性确保如果图片超出其容器，超出的部分将被隐藏，从而避免控制图片大小失败导致的撑开变形问题。

对于我们这些仍在适应IE6的用户来说，解决CSS兼容性问题是一项艰巨的任务。但是通过细心规划和适当的策略，我们可以克服这些挑战。在浏览网站时，确保在像Firefox这样的浏览器中不会出现太大的变形问题也同样重要。尽管这个过程可能有些繁琐，但最终的结果将是一个用户友好、功能完善的网站。希望这些解决方案能帮助你在制作CMS模板时更好地控制图片大小。