2016/11/22学习工作日志

一、学习总结

1、内容：一天一问之常见浏览器兼容性问题？

所谓浏览器兼容性问题，是因为不同的浏览器对同一段代码的解析不同，造成显示页面的效果不同。常见的兼容性问题：

（1）不同浏览器的标签默认的外补丁与内补丁不同，各自的margin和padding差异大；

问题解决：css里*{margin：0；padding 0}加*除掉差异。

（2）块属性标签float后又有横行margin情况下，在IE6显示margin比设置的值大；

问题解决：在float标签样式中加入display：inline；将其转换为行内元素。

（3）设置较小高度标签（一般小于10px），在IE6,IE7，遨游中高度超出设置的高度；

问题解决：给超出高度的标签设置overflow：hidden；或者设置行高line-height小于你设置的行高。

（4）行内属性标签设置display：block后采用float布局，又有横行的margin的情况，IE6间距bug；

为题解决：在display：block；后面加入display：inline；display：table。

（5）图片的默认间距；

问题解决：使用float属性为img布局。

（6）标签的最低高度设置min-height不兼容；

问题解决：如果设置一个标签的最小高度，需要进行设置{min-height：200px；height：auto！import；height：200px;overflow：visible}。

（7）透明度的兼容css设置；

上面是常见浏览器的兼容性问题，出现的几率递减。学习了jquery库。

2、目的：了解常见浏览器的兼容性问题，对前端开发会很有帮助。

二、工作总结

1、内容：暂无具体的工作安排

2、目的：无

三、问题总结

1、内容：无

2、目的：无

四、明日计划

1、内容：继续学习jquery库的应用，整理学习笔记。

2、目的：学习jquery的应用，对了解当下最流行的web前端开发的javascript框架很有必要。