图片在固定区域内自动伸缩(自适应)
2007-08-11 10:26
127 查看
有时会遇到这样的问题:
在一个大小固定的区域中显示图片,图片小自然没问题.如果图片大于显示区域,就只能显示图片的一部分!
怎样让小图片正常显示,大图片缩小到显示区域内?
例如显示区域width:600px, width大于600的图片在600以内(550px)显示.
这个也是在网上看到的~个人感觉很强~呵呵
#div img { background: #fff; border: 2px solid #eee; padding: 1px;
max-width:550px;myimg:expression((){this.style.width=(this.offsetWidth > 550)?"550px":"auto"});}
在一个大小固定的区域中显示图片,图片小自然没问题.如果图片大于显示区域,就只能显示图片的一部分!
怎样让小图片正常显示,大图片缩小到显示区域内?
例如显示区域width:600px, width大于600的图片在600以内(550px)显示.
这个也是在网上看到的~个人感觉很强~呵呵
#div img { background: #fff; border: 2px solid #eee; padding: 1px;
max-width:550px;myimg:expression((){this.style.width=(this.offsetWidth > 550)?"550px":"auto"});}
相关文章推荐
- 关于IE背景图片显示100%(背景图片自动伸缩 自适应)
- js实现固定显示区域内自动缩放图片的方法
- js实现固定显示区域内自动缩放图片的方法
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 网页背景图片固定切自适应浏览器高度宽度
- Android 自定义imageview 图片宽度固定大小高度按比例自适应
- duilib corner属性的贴图技巧——让图片自动贴到控件的的某一边或者一角并自适应控件的大小
- 图片在已固定宽度的DIV及TABLE中自适应
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- CSS布局 — 根据内容是否自动伸缩展示区域的那些元素
- JS+css 图片自动缩放自适应大小
- 关于ueditor上传图片后拖动图片自动添加style样式 手机端不能自适应问题
- 图片自动缩放特效,根据当前窗口的大小来伸缩
- WebView加载HTML图片大小自适应与文章自动换行
- 【iOS】WebView加载HTML图片大小自适应与文章自动换行
- 图片随着鼠标移动而拉伸,超过固定div宽度,图片自动隐藏超过的部分
- span 固定宽度,内容自适应容器自动换行
- ExtJS-Viewport背景图片铺满浏览器视图并自动伸缩
- swing显示图片的固定区域