加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

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 ClipboardLiehuo.Net Codes引用的内容:[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,示例图片为猛火网的,请下手将宽度和图片地点都替代为本身的。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读