CSS实现图片超过限定尺寸自动缩放兼容IE和Firefox
来源:互联网 发布:淘宝网上怎么买处方药 编辑:程序博客网 时间:2024/06/14 21:20
对于做网站的同志们来说,有一个东西很简单,也很必要,比如在文章里插入图片,如果图片大小合适倒没什么,但要是尺寸超过了文章区域的宽度,就会出汗了...那么如何才能控制图片的大小呢?当然我们可以直接用JS,但这样未免有些麻烦,CSS中的expression()给我们提供了一个捷径.
只用一行代码,我们即可实现轻松控制图片大小:
img{ width: expression( ( this.width > 300) ? 300 : this.width ); }
这样一来,图片的宽就被限制在了300以内.不过FireFox可不吃这套...但是更简单,只需要加一个max-width即可,综合起来写法如下:
img
{
max-width: 200px;
width: expression( ( this.width > 300) ? 300 : this.width );
}
这样,一个兼容IE与FF(Firefox)的图片自动缩放的CSS就搞定了!是不是很简单哈?
- CSS实现图片超过限定尺寸自动缩放兼容IE和Firefox
- 兼容 IE,Firefox 的图片自动缩放 CSS
- 兼容IE,Firefox 的图片自动缩放
- 兼容IE,Firefox 的图片自动缩放CSS及expression用法
- CSS-expression实现图片缩放效果,兼容IE、FF
- 纯css图片自动缩放代码兼容IE6、IE7、IE8、Firefox
- 兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览
- 兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- 兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览
- css兼容IE和FireFox(FF)
- CSS实现文字自动换行(兼容IE和火狐)
- CSS实现文字自动换行(兼容Firefox)
- CSS实现文字自动换行(兼容Firefox)
- div+css使用!important标记实现Firefox和IE6处理padding尺寸上的兼容
- div+css使用!important标记实现Firefox和IE6处理padding尺寸上的兼容
- css处理过长文字自动隐藏(兼容IE和firefox)
- CSS两列自适应高度DIV(高度自动增加)兼容ie和firefox
- lua源码分析之性能分析1(赋值研究)
- 鼠标滑过图片出现大图片提示层效果js代码
- 浅谈P2P终结者原理及其突破
- HPMC和LPMC
- solaris 10 zone 安装
- CSS实现图片超过限定尺寸自动缩放兼容IE和Firefox
- 【转帖】驱动开发学习笔记
- 鼠标滑过链接出现的对话框式提示效果
- 创建触发器和视图
- c#下cookie使用实例
- 网线水晶头的接法
- 【已解决】Error filter ListenerStart
- 生活的要素
- MySQL实用命令