Solve the Problem of css3 compatibility in high speed mode such as 360 and the cheetah browser, 360css3

Solve the Problem of css3 compatibility in high speed mode such as 360 and the cheetah browser, 360css3

Sometimes you will find that the animation's css3 effect you write is not compatible with mainstream new versions of browsers such as IE, Google, and Firefox, even if you do not write a prefix, it can also display the animation effect. Then, if you open the animation locally in the 360 browser or the cheetah browser (I only tried the two), the animation will not work. At first you will think of a prefix problem, then I add the prefix, as if it is sometimes possible or not. 360 and cheetaos use the dual kernel of Google and IE. Why is this problem? The reason is that 360 browsers have compatibility problems in the compatibility mode and speed mode, and there are fewer problems in the compatibility mode, which leads to the lack of support for css3 in speed mode.

Solution: Use the Meta tag code to modify the default open mode of the 360 browser (like the cheetah.

Browsing mode

The speed mode, compatibility mode, and IE9 high-speed mode are the three modes used when a 360 browser displays a webpage:

Express Mode

Compatible mode

IE9/IE10 mode (available only after IE9 or IE10 is installed)

360 The speed browser automatically selects the appropriate browsing mode for each website. Therefore, you do not need to know the differences between several kernels.

What are the characteristics of several modes?

In high speed mode, the website is opened quickly, but some websites may have compatibility problems in high speed mode, and the display is abnormal.
In compatibility mode, the website opening speed is slightly lower than the speed mode, but the webpage compatibility is less problematic.
In IE9/IE10 mode, the website will use IE9/IE10 rendering mode, supporting hardware acceleration and IE9/IE10 new script rendering engine.

When you switch the browsing mode, the 360 speed browser will automatically synchronize data between the dual-core so that you can seamlessly switch between the dual-core.

 

Meta tag:

Add a line of code to the head label:

The value of content is webkit, ie-comp, or ie-stand, which is case sensitive. It indicates that the webkit kernel is used, the IE is compatible with the kernel, and the IE standard kernel is used.
If the page needs to use a speed core by default, add the tag:<meta name="renderer" content="webkit">
If you need to use ie compatible kernel by default on the page, add the following labels:<meta name="renderer" content="ie-comp">
If the page needs to use the ie standard kernel by default, add the following labels:<meta name="renderer" content="ie-stand">