时间:2016年03月06日 | 作者 : mobandashi.com | 分类 : 自适应网站模板 | 浏览: 2371次 | 评论 0 人
做网站由于客户端浏览器大小的差异,这要求对图片大小的有所控制,如何控制图片的大小呢?这就用到图片的自适应效果了,图片自适应如何实现呢?
网页图片大小自适应方法:
通常我们可以采用JavaScript,来控制网站中图片大小自适应,当然,我们还可以采用css样式表来实现,具体方法:在图片控制代码中添加如下代码:
img{ max-width:650px;width;expression(this,width>650&&this.width>this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');}
以上代码的意思是如果图片超过650px就可以自动缩小到650px,从而不会影响到页面的浏览效果。