咨询热线:151-6635-6796
新闻类别
公司动态
网络快讯
网络知识
网络知识 首页 >> 网络知识
css控制图片按等比例缩放 兼容IE6/IE7/火狐/谷歌
来源:聊城江北科技 时间:2018/5/3 16:14:40 【返回上一步】
关键词:css控制图片 等比例缩放 兼容IE6/IE7/火狐/谷歌
css控制图片按等比例缩放 兼容IE6/IE7/火狐/谷歌

今天自己的一个网站需要实现图片等比例缩放,但又不能使用js只能用css控制div中的img为指定大小,下面我找到一段代码分离给大家。

代码如下:
<style type="text/css">
.thumbImage img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;

.thumbImage {MARGIN: auto;WIDTH: 600px;} 
*html.thumbImage img{ 
width:expression(this.width>600&&this.width>this.height?450:auto); 
height:expresion(this.height>450?450:auto); 
}
</style>

html代码代码如下:
<body>
<DIV class="thumbImage" ><img src="1.jpg" border="0"></DIV>
</body>

这样只要在 class中thumbImage图片都会等比例缩放哦,小了就原始显示大的就等比例缩小。按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7,ie8浏览器,直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。
对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code来实现图片的缩放。

上一篇文章: 网站优化技巧:关键词的合理布局很关键 聊城网络公司-江北科技提供 
下一篇文章: 新站运营如何来做更好 聊城网络公司教你三点
相关新闻
聊城网络公司提供:如何理解网站权重,
超简单的防止复制、防止右键代码 聊城
新站运营如何来做更好 聊城网络公司教
css控制图片按等比例缩放 兼容IE
网站优化技巧:关键词的合理布局很关键
网站建设的目的是什么?聊城网络公司为
[图]聊城江北科技分析:网站建设的目
百度新算法:蓝天算法 聊城江北科技分
聊城网站建设解读:如何做好网站排名
聊城做网站公司分析:做好互联网SEO
新手网站优化经验之网站筛选价值关键词
聊城网络公司提醒:产品经理要具备运营
请留下你的宝贵意见或提交网站订单!
关于我们 | 网站建设 | 手机网站 | 网站推广 | 网站托管 | 案例中心 | 新闻资讯 | 付款方式 | 联系我们
点击出现大图二维码扫描来关注
关注公众平台
客服咨询:点击这里和我聊天 健身器材网咨询:点击这里和我聊天
技术咨询:点击这里和我聊天
联系人:张经理
电话:15166356796
QQ/微信:674970708
点击出现大图二维码扫描来关注
微信二维码
Copyright © 2008-2018 聊城网络公司-江北科技 地址:山东聊城开发区星美大厦3号楼 聊城新锐网络版权所有 鲁ICP备17027810号-2