笔记_IE8下的问题_两大法宝解决浏览器css兼容问题

1.<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

2. IE 对标签的解析比较严格, 昨天把label写错了,导致在IE8下一直出差, 而其他浏览器好着的,结果才发现是把label写成了lable.

法宝一:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

法宝二:

<!--[if lt IE 9]>
<link rel="stylesheet" href="${basePath}/portal/css/style_sp_ie.css" type="text/css"/>
<![endif]-->

注:style_sp_ie.css 如下(ge:)

.main .con .login .user{line-height:36px;}
.main .con .login #password{line-height:36px;}
td,th{line-height:120%;}
td.intro{line-height:2;}
.page_turn span,.page_turn a{line-height:37px;}
.page_turn .page_num{line-height:21px ;}
.notopen{line-height:140%;}
.reg_main .reg_bg .reg input{line-height: 38px;}
.reg_main .reg_bg .reg input{line-height: 42px;}

/* subpage start */
.content .user input{height:40px;line-height: 40px;}
.content .rePass input{height:40px; line-height: 40px;}
.content .question_input input{height:40px;line-height: 40px;}
.content .mail_input input{height:40px;line-height: 40px;}
.content .button input{height:48px;line-height: 48px;}
/* subpage end */