Home > Developer > Web Develop
Sometimes you will find that you write animation animation CSS3 effect, in IE, Google, Firefox and other mainstream new version of the browser is no compatibility problem, even if you do not write the prefix, but also can show the animation effect. Then, you local in 360 browser or Cheetah browser (I only try these two) open, animation effect is not out, at first you will think of the prefix problem, then I add the prefix, as if sometimes can not. 360 with the cheetah is the Google and IE dual-core, why this problem occurs? Because of the 360 browser compatibility mode and the speed mode, there is compatibility problem in the speed mode, there are fewer problems in compatibility mode, which leads to the CSS3 not supported in speed mode.
WORKAROUND: Use the META tag code to modify the default open mode for 360 browsers (Cheetahs).
Browse modeFast mode, compatibility mode and IE9 high-speed mode are the three modes that 360 browsers use when displaying Web pages:
Express Speed Mode
Indicates compatibility mode
Represents the Ie9/ie10 mode (available only after installing IE9 or IE10)
The 360 speed browser automatically chooses the browse mode for each website you use. So, usually you don't need to know the difference between several cores.
What are the characteristics of several models?Speed mode, the site is open fast, but some sites in the speed mode may be a compatibility issue, the display is not normal.
In compatibility mode, Web sites are slightly slower to open than the speed mode, but less web compatibility issues.
In Ie9/ie10 mode, the site renders using IE9/IE10 rendering, supports hardware acceleration, and ie9/ie10 a new script rendering engine.
When switching between browsing modes, the 360 browser will automatically sync the data between the two cores, allowing you to seamlessly switch between the two cores.
Meta tags come in:
Add a line of code to the head tag:
<HTML><Head><Metaname= "Renderer"content= "Webkit|ie-comp|ie-stand"></Head><Body></Body></HTML>
Content value is one of webkit,ie-comp,ie-stand, case-sensitive, respectively, represented by the WebKit kernel, IE compatible kernel, IE standard kernel.
If the page needs to be the default speed core, add Tags:<meta name="renderer" content="webkit">
If the page needs to use IE compatible kernel by default, add Tags:<meta name="renderer" content="ie-comp">
If the page needs to default to the IE standard kernel, add tags:<meta name="renderer" content="ie-stand">
Solve the CSS3 compatibility problem in 360, Cheetah Browser and other fast mode
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
