ie8中照片设定max

2021-01-20 12:23 jianzhan
照片设定max-width会使照片消退,自然,是要考虑1定的标准的,平常工作中中,将会用到的很少,但也应当引发前端开发攻城师们的留意力。

最先看来1下,应当考虑的标准
1.照片根据css设定了max-width:100%
2.照片设定了width特性,且不等于auto的值,或css中设定了width,且不等于auto。
3.照片的父级元素设定了float,且沒有设定宽度
假如考虑以上标准,在IE8(规范方式)中,照片宽度为0,不容易在访问器中显示信息。请看demo1和demo2。

其它访问器中显示信息实际效果以下

修补方法
1.给父级波动元素设定不为auto的宽度。
2.去掉image元素的width特性。
3.在image元素沒有width特性的状况下,设定款式width为auto。
4.去掉max-width款式。

修补的demo就不做演试了,修修上面的demo立即看实际效果吧。