2017/08/03 工作日志

解决浏览器兼容性问题
本文主要介绍了在网页设计过程中遇到的浏览器兼容性问题及其解决方案,包括td宽度在Chrome和Firefox中无效的问题,以及IE与其他浏览器在宽度计算上的差异。

暂时看来上次的两个任务中难点不多,主要是文件路径还不是很清楚,今天主要解决的是另一个浏览器兼容问题

主要分两个点:

1、td的宽度无效

  主页中使用表格进行布局,但是在Chrome和FireFox上全都挤在一起,审查元素后发现td的宽度设置是无效的。

  解决方案:在td外加上一层div,再修改div的宽度即可

2、IE和chrome、Firefox的宽度判定不同

  IE中似乎是将padding的宽度也算在内,所以在IE中设置width时要比另外连个浏览器数值大一点,但是怎么针对不同的浏览器设置呢?

  解决方案:Hack,http://www.imooc.com/article/3513 这里有比较详细的说明,在正常的元素上加上符号,比如*width,这样这条属性就只会被IE识别,另一个width就可以被其他浏览器识别

另外,应该也可以通过JavaScript来解决此类问题

转载于:https://www.cnblogs.com/LFeather/p/7281880.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值