兼容性问题

• IE9样式中，mine有要求

• meta charset = 'utf-8'(问题描述，突然跳到IE7的解析方式，奇葩问题)

• meta name = 'renderer' content = 'webkit'(360极速模式，事实证明没用)

• meta http-equiv="X-UA-Compatible" content="IE=Edge"

• IE不支持placeholder属性

• IE6,7,8 兼容到9
  /[if lt IE 9]
  script type = 'text/javascript' src = '/assets/goolecoed/IE9.js'

• IE对css文件有限制
  style标签不能超过31个，document.styleSheets.length,第32个就会忽略
  单个style文件大小不能超过288K(奇葩问题)

• IE 下text-align:justify 必须和 text-justify:inter-ideograph一起用才有效果

• 360下会自动填充表单信息（需要设置两个隐藏的input去接收）

经过测试发现（360浏览器）在以下情况下会自动填充用户和密码信息:

在用户和密码包含在form的情况下，同时包含一个 type="text"和 type="password"元素且不包含readonly和disabled属性，两个元素可以没有name和id属性

在没有form的情况下，同时包含一个 type="text"和 type="password"元素且不包含readonly和disabled属性，且两个元素至少都有name或id属性（但name和id可以是任意值但不能是空或空格）

解决思路：写一个假的input让360自动填充，然后隐藏掉 。

经测试，style:none没用，只能使用visibility:'hidden'
<div style={{height: '0'}}>
      <input style={{visibility:'hidden'}} type="text" id="1"/>
      <input style={{visibility:'hidden'}} type="password" id="0"/>
</div>

成功解决掉问题