css控制商品描述及文章内容页面中图片大小

2016-07-07 15:20 来源:www.chinab4c.com 作者:ecshop专家

.img2 {
max-width: 450px;
max-height: 450px;
width:expression(onload=function(){if (this.offsetWidth>this.offsetHeight){
this.style.width=(this.offsetWidth > 450)?"450px":"auto"
}
{this.style.height=(this.offsetHeight < 450)?"auto":"450px"}
});
}




二、有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。


回答:
图片自动适应大小的问题在web设计的时候是比较常见的问题,  
  div img {
  max-width:400px;
  //IE7、FF等其他非IE浏览器下最大宽度为400px;
  
  width:400px;
  //所有浏览器中图片的大小为600px;
  
  width:expression(document.body.clientWidth>400?"400px":"auto");
  //当图片大小大于400px,自动缩小为400px;
  overflow:hidden;
  }

谢谢楼主共享,很有用的东东。收下了。

不错,东西,学习了,谢谢啦

收藏了

呃不错 可是 不会用 不知道 放那

收藏,好东东。

那如果是一整个网页因为电脑分辨率不同而变形的话要怎么解决呢?就是说分辨率小的时候可以会被压到然后变成上下显示出来而不是同一行显示,我的网站是www.domiwu.com

感谢楼主分享。。
请问在那个文件里面。。。????请问在那个文件里面。。。????请问在那个文件里面。。。????

这样岂不是让图片变成正方形?

找了很久




谢谢分享
请问在哪里修改CSS?