通过CSS控制图片自动缩放
2013-03-12 15:53
267 查看
在手机上查看一篇文章时需要做到文章内容里的图片自动缩放，由于app使用html5写的，使用css来控制就可以了。
html页面上设置一个div用来展示图片即可。如下：
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 300px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 300 ? "300px" : this.width)!important;}
</style>html页面上设置一个div用来展示图片即可。如下：
<div class="content-width" style="padding:0 .5em .5em .5em;" id="content"> </div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【小技巧】通过css控制图片自动缩放至css定义大小
- css图片缩放 通过css控制图片自动缩放至css定义大小
- 图片自动播放也可通过按钮控制显示
- 兼容IE,Firefox 的图片自动缩放CSS及expression用法
- CSS自动控制图片大小的代码
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- 通过CSS控制图片样式，实现图片弹出效果
- Css控制图片大小，自适应缩放，兼容IE6和Firefox
- [转][基本完美]兼容 IE,Firefox 的图片自动缩放 CSS
- 如何让图片按比例响应式缩放并自动裁剪的css技巧（同时也适用于一些轮播父容器响应式缩放）
- CSS控制图片等比例缩放
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- 如何一个td或table里的图片等比例缩小（css问题）图片自动缩放
- js控制图片自动缩放，实现铺满盒子，不变形，完全局中
- 【转载】如何让图片按比例响应式缩放、并自动裁剪的css技巧
- CSS如何让图片自动缩放
- css控制图片按等比例缩放实例兼容IE6/IE7/火狐/谷歌
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- js控制图片自动缩放，实现铺满盒子，不变形，完全局中