怎样防上网页中图片过大撑破布局 100

怎样防上网页中图片过大撑破布局

100问题如题，如果用CSS定义超出部分隐藏，那样超出的部分就看不到了，有没有什么好的办法，能够判断，当图片宽，或高超过一定大小后，自动按比例缩小至 设定的大小，要求在IE6下也能实现这种效果，JS，CSS 均可，最好是CSS ，若能完美解决问题，可以加分补充：可以参考这个网页 http://game.163.com/10/0823/11/6EP3S4QI00314J68.html 我试过，当我把这个网页保存在本地后，在预览，图片不能按比例缩小如下图：

原网页图片样式：

满意答案

黄离子 5级 2010-08-26<img src="......." onload="javascript:ImgReSize(this)" />function ImgReSize(e)
{ if(e.width>620)
{
e.width=620;
}}补充：使用css样式存在浏览器兼容性，以上js代码在所有浏览器测试通过！追问：请问你这段代码该怎么用呢？function ImgReSize(e)
{ if(e.width>620)
{
e.width=620;
}}放在head标签内，还是任意地方？回答：将以下代码放入一个js文件里function ImgReSize(e)
{ if(e.width>620)【这个620是你期望的图片的最大宽度，超过这个宽度就自动缩小到这个宽度】
{
e.width=620;
}}然后再页面head中加入标签：<script type="text/javascript" src="/Script/BaseScript.js【这里是写你的js文件实际路径】"></script>