关于web前端,css小技巧的笔记——图片动态比例显示
2017-05-04 16:26
483 查看
图片动态比例显示。
不说话上代码:
.pic{max-width:800px;
width:expression(this.width>800px?"800px":this.width);
width:expression(this.width<800px?"800px":this.width);
max-height:365px;
height:expression(this.height>365px?"365px":this.height);
height:expression(this.height<365px?"365px":this.height);
overflow:hidden;
}
看内容,即可明白。长宽比例(可以按照自己定义)
说明:
1、IE5及其以后版本支持在CSS中使用expression
不说话上代码:
.pic{max-width:800px;
width:expression(this.width>800px?"800px":this.width);
width:expression(this.width<800px?"800px":this.width);
max-height:365px;
height:expression(this.height>365px?"365px":this.height);
height:expression(this.height<365px?"365px":this.height);
overflow:hidden;
}
看内容,即可明白。长宽比例(可以按照自己定义)
说明:
1、IE5及其以后版本支持在CSS中使用expression
相关文章推荐
- web前端学习笔记---利用css+filter完成简单的图片透明效果
- 【Web前端笔记】css让背景图片拉伸填充的属性
- 关于web项目中的图片上传、并在前端显示问题(tomcat中配置文件上传虚拟路径)
- 关于对微软MSDN扩展图片弹出对话框的改进(可以正常比例显示图片缩略图)
- 项目试验的小demo-关于画布上动态显示一张图片的一部分
- 关于手机显示web页面样式笔记
- 关于动态网站中显示图片的问题
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 动态获取缩放图片的长度、宽度和显示比例
- android笔记--在ListView中显示图片及ListView的动态刷新
- web 网页按比例显示图片 js
- Silverlight学习笔记十二动态加载图片和显示提示(ToolTip)
- web 网页按比例显示图片 js
- android笔记26 - SimpleAdapter 动态显示Bitmap图片
- 【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片
- 【Web前端】CSS div居中显示
- 关于水晶报表动态设置图片,同比例缩放问题
- WPF--Image控件动态显示图片问题笔记
- 【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例