关于web前端,css小技巧的笔记——图片动态比例显示
来源:互联网 发布:去掉下划线php 编辑:程序博客网 时间:2024/05/21 11:24
图片动态比例显示。
不说话上代码:
.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
0 0
- 关于web前端,css小技巧的笔记——图片动态比例显示
- [CSS技巧] 符合Web标准!CSS同比例缩小图片
- CSS中将图片居中显示小技巧
- 前端学习的小笔记——CSS
- 动态获取缩放图片的长度、宽度和显示比例
- 利用CSS同比例缩小图片技巧
- CSS——实现图片等比例正方形显示,宫格排列
- css 图片按固定比例显示解决方案
- 一些关于Web前端的小tips
- Web前端——jsp页面参数显示的几个小问题
- web前端学习笔记---利用css+filter完成简单的图片透明效果
- 【web前端】小技巧总结
- web前端--基础小技巧
- Web前端CSS框架—Bootstrap学习笔记
- 使用过的CSS小技巧笔记
- 前端开发者应该知道的 CSS 小技巧
- 前端开发者应该知道的 CSS 小技巧
- css 实现图片的等比例缩放
- pcl 在使用uniform_sampling 出现segmention fault
- netty 配置启动服务器
- 网站建设-网站设计怎么样做的更好?
- 软考-信息安全工程师-IP协议
- 面向对象编程思想的六大原则
- 关于web前端,css小技巧的笔记——图片动态比例显示
- pandas.Dataframe 的合并
- Switch结构学习笔记
- Android自定义Actionbar title字体
- 【算法作业11】LeetCode 70. Climbing Stairs
- 右值引用
- Java学习路线图
- Spring自动注入properties文件
- 软考-信息安全工程师-防火墙