最近有个开发较早的系统页面需要修改,打开F12开发者工具一看居然是IE5。
目前面临的问题:页面需要在一个table的td中插入一张宽度比较大的图片,插入之后预览页面会发现表格被撑到非常大,在网上发现有很多种办法,但是看版本支持,绝大多数都不支持IE5浏览器。
试了无数种方案,包括:
设置表格td宽度 width:100%; height:100%(无效果,撑开表格)
直接设置表格td固定宽度(无效果,撑开表格)
将图片设置为背景图片(虽然未撑开表格,但是会导致图片展示不全)
td内嵌套div,div设置宽度,在div中新增img图片(无效果,撑开表格)
设置max-width(只支持IE7及以上版本,无效果,撑开表格)
最后查了很多资料,终于查到一个有用的属性 table-layout ,table-layout:fixed; 可以将表格布局固定住,可以防止表格被撑开。
在table上增加了样式 style="table-layout:fixed; ",
在图片上新增了样式 style="width:100%; ",
顺利的解决了问题。