1. A blue border is displayed on the image embedded with the A TAB in the browser

<link to='/'>
    <img style={{"cursor":"pointer"}} src={this.state.logo} /> 
</link>
Copy the code

Solution: add style to img tag boder: None

<Link to="/">
      <img style={{"cursor":"pointer",border:"none"}} src={this.state.logo} />
</Link>
Copy the code

2. The download of a label can be used, but the assignment will fail, and IE will download the file name

<a href=".. /.. / static/files/download.zip "download =" I am a plug-in. Zip "> download < / a > / / when in Chrome, download the file for" I'm a plug-in. Zip, and download in Internet explorer 9 is "download.zip"Copy the code

3. Flex layout is incompatible and can be resolved using float

4. Image size can be directly used in Chrome height, will automatically zoom; In IE9, you also need to set width, otherwise the image will be distorted

5. An error is reported when a property of a js object is a method

// Unsupported syntax
var obj = {
    fn(){}
}

/ / to solve
var obj = {
    fn:function(){}}Copy the code

Use input type=”file” in Internet Explorer 9

// 1.IE9 does not support placehOrder for input

/ / 2.
Copy the code