首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>网页设计>资讯:网页图片大小自适应方法

网页图片大小自适应方法

www.jz123.cn  2010-10-11   来源:   中国建站    责任编辑(袁袁)    我要投递新闻

  网页中图片大小自适应,在我们编写网页时,有时图片太宽会将网页撑开,图片能自动适应网页吗,即图片太大时会自动缩小到固定大小。

  网页图片大小自适应方法:

  实现图片大小自适应可以用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,从而不影响页面效果。


上一篇:谈网页设计中按钮位置与分组 下一篇:网页设计之构图技巧

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图