CSS compatibility issues with 360 browsers

This is not from the overall point of view, but simply to record the time today spent an afternoon to solve the problem.

The following is a display in 360 compatibility mode:

In Firefox, 360 browser speed mode, and even IE browser display is normal, as shown in the following figure:

This makes me very depressed, said 360 browser with the IE kernel, ie can not be how it does not. Look from the effect, display the page of error: Margin-left, Border-radius, Box-shadow are all out of the question. To see the style of the element, you find that you can't right-click the source code in compatibility mode, find the corresponding HTML tag with the F12 developer tool, and then look at his corresponding style and find that none of these properties are loaded. The inline element is then Border-radius directly and is not loaded. Very puzzled, accidentally found the document mode with the IE5, the following figure:

Change the document mode to IE9, the display is normal. But why use the IE5 document mode? How to automatically use the high version of the model, Baidu a bit, found that add the following sentence, 360 browser will automatically use the highest document mode:

<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >

Okay, problem solved.