Web前端入门教程的浏览器兼容性问题和解决方案

JavaScript（称为JS）是浏览器的内置脚本语言，它使我们能够操纵浏览器前端浏览器兼容性问题，可以在网页上显示各种特殊效果前端浏览器兼容性问题，并为用户提供友好的交互体验. JS是Web前端入门教程中的重点和难点，而浏览器兼容性是JS中更容易出错的知识.

1. 将图片插入网页的问题将导致图片向下拉伸3个像素

解决方案: 1）显示: 阻止； 2）垂直对齐: 顶部/中间/底部； 3）在图片中添加浮点数.

2. 带有a标签的图片在IE浏览器中将带有边框

解决方案: 边框: 无；

3. IE浏览器中的双向距离问题（双向距离问题仅由边距引起）

解决方案: 将display: inline添加到浮动元素；

4. 在IE6中，低于16像素的字体将默认为16像素:

解决方案: 字体大小: 0;溢出: 隐藏；

5. 表单的元素高度不一致:

解决方案: 将float添加到表单元素: left;

6. 错误百分比:

在IE6及更低版本中，解析百分比时，将根据四舍五入方法计算得出，得出50％+ 50％大于100％；

解决方案是在右侧的浮动元素上添加一个声明: clear: right;清除并漂浮.

7. 表单元素的默认大小会有所不同，原因是表单元素的行高对齐不一致:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-165999-1.html