PC端兼容性问题解决

一、图片下间距
图片和父盒子之间有间隙，并且间隙的大小会发生变化，字体越大间隙越大
原因：图片具有文本属性，文本是以基线对齐的，下间隙是基线与底线的距离
解决方法：
1.设置字体大小为0（不太切合实际）
2.图片转换成块级（彻底取消基线对齐特征）
3.文本垂直对齐方式vertical-align：top、middle、bottom
二、行内元素并排中间间隙问题
解决方法：浮动实现并排
三、文本框与提交（普通）按钮对不齐现象
解决方法：
1、不用按钮，用a标签模拟提交
2、按钮元素套div
3、内减input元素的padding和border
四、ie8及其以下，图片外套a链接是图片会有默认边框
img {
verticla-align:middle/top/bottom; //取消图片下间隙 or display:block
border:none; // 取消ie浏览器下图片边框
}
设置img标签border：none
五、ie6及其以下小高度问题
原因：ie6有默认的行高大约10px+ 盒子被撑起来
解决方法：
line-height: 0;
font-size: 0;
overflow: hidden;
属性hack（单属性）
下划线+属性名：ie6及其以下识别
*+属性名：ie7及其以下识别
属性名：属性值\0 ie8、9识别
高版本兼容写上面
选择符级别hack（类样式）
星html.box{}ie6及更早以前浏览器
星+html.box {}ie7及更早浏览器识别