栏目导航
热点推荐
- 网页表单设计:提高表单可用性的1
- 网站设计必须充满诗意 用户体验
- 网页元素设计和网页转场设计
- 50个制作网站的诀窍
- 高性能网站建设的黄金法则
- 网站用户体验七十六个要点分享
- 网页图片大小自适应方法
- 最容易犯的10个HTML标签错误
- 网页设计事半功倍的构图技巧
- 网页用户体验:网页注册表单设计
- 精美网页专题页面设计的经验总结
- 15 个第三方Web 表单资源
阅览排行
网页图片大小自适应方法
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,从而不影响页面效果。
3
上一篇:谈网页设计中按钮位置与分组 下一篇:网页设计之构图技巧