当前位置:网站首页 / 自适应网站模板 / 正文

网页图片大小自适应方法

时间:2016年03月06日 | 作者 : mobandashi.com | 分类 : 自适应网站模板 | 浏览: 1691次 | 评论 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,从而不会影响到页面的浏览效果。


猜你喜欢

    联系我们
  • 联系电话
  • 联系我的QQ
  • 电子邮件
标签列表
最近发表