暂时看来上次的两个任务中难点不多,主要是文件路径还不是很清楚,今天主要解决的是另一个浏览器兼容问题
主要分两个点:
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来解决此类问题