用CSS控制网页图片大小自适应方法

TAG: 时间:2013-01-08 00:00:00

  

    网页设计中图片自适应大小是一个非常常用的功能,在我们编写网页时,有时图片太宽会将网页撑开,图片能自动适应网页吗,即图片太大时会自动缩小到固定大小。
  网页图片大小自适应方法:
  实现图片大小自适应可以用JavaScript实现也可以使用css实现,我们看看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');}
  cc以上代码就是如果图片超过650px就会自动缩小到650px,从而不影响页面效果。

北京网站建设 北京网页设计 网站制作(www.bjycxf.com



分享到:
YC & 原创官方微信
Contact Us & 联系我们

TEL: 010-68703788/66/87/89

地址:北京市海淀区大钟寺十三号院华杰大厦11B8室

© Copyright 2004-2014 bjycxf.com All Rights Reserved 版权所有

京ICP备09080439号 京公网安备11010802012755号