Css节制图片巨细,自顺应缩放,兼容IE6和Firefox
发布时间:2018-10-06 02:58:28 所属栏目:创业 来源:站长网
导读:Css节制图片巨细,自顺应缩放,兼容IE6和Firefox,譬喻我们在一般的网站计划傍边,老是会碰着这样的题目,图片巨细未知,而我们计划的网站内容地区的宽度是必然的,假如给全部图片配置等量的宽度表现是不可的,通过查询CSS手册,我们知道max-width和max-he
Css节制图片巨细,自顺应缩放,兼容IE6和Firefox,譬喻我们在一般的网站计划傍边,老是会碰着这样的题目,图片巨细未知,而我们计划的网站内容地区的宽度是必然的,假如给全部图片配置等量的宽度表现是不可的,通过查询CSS手册,我们知道max-width和max-height可以节制图片的巨细,假如图片宽度高出内容地区,则限定其巨细为指定的宽度,可是杯具老是产生在IE6身上,一个做下载站的哥们今天接洽猛火网小编,他也碰着这个题目,他很是存眷IE6的支持,原来猛火网已经放弃了IE6,可是为伴侣两肋插刀是必需的,办理方案天然就有了。 不空话了,上代码: Copy to Clipboard引用的内容:[www.veryhuo.com] <style type="text/css">.content-width {MARGIN: auto;WIDTH: 600px;} .content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;} </style> </head> <body> <div <p><img src="veryhuo_com1.jpg"/></p> <p><img src="veryhuo_com2.jpg"/></p> </div> 交情提醒: 上面配置的图片宽度为600PX,示例图片为猛火网的,请下手将宽度和图片地点都替代为本身的。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |