一、学习总结
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框架很有必要。