About browser compatibility issues

Source: Internet
Author: User

<! DOCTYPE html>
<!--[if Lt IE 7]> <!--[if IE 7]> <!--[if IE 8]> <!--[if GT IE 8]><!--> <!--BEGIN Head---


In short, it's <!. DOCTYPE html> and <!--[if Lt IE 7]> <!--[if IE 7]> <!--[if IE 8]> <!--[if GT IE 8]><!--> This big string is OK, feel oneself Bang Bang ~ Of course perhaps some places also need to revise

There is also a meta tag for the web to fit the mobile side:

A, <!--force the document and device width to remain 1:1---
<meta name= "viewport" content= "Width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, User-scalable=no ">
Web page width defaults to screen width (width=device-width),
The initial zoom ratio (initial-scale=1) is 1.0, which is the initial size of the Web page that occupies 100% of the screen area.

B, <!--delete the default Apple toolbar and menu bar--
<meta name= "apple-mobile-web-app-capable" content= "yes" >


C, <!--the color of the status bar (top bar of the screen) in the Web App app.
<meta name= "Apple-mobile-web-app-status-bar-style" content= "Black"/>


D, <!--prohibit the conversion of numbers to dial-up links
<meta name= "format-detection" content= "Telephone=no" >
E, <!--small icons when browsing the site--
<link rel= "shortcut icon" href= "Http://p.www.xiaomi.com/favicon.ico" type= "/image/x-icon" >


F, <!--picture when added to the main screen
<link rel= "apple-touch-icon-precomposed" href= "Http://a.tbcdn.cn/mw/s/hi/tbtouch/images/touch-icon.png" >


==================
And there's an interesting way
When I created HTML5, I found this sentence as follows:
<meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1″/>


This can be achieved if the GCF (Google Chrome frame Google embedded Browser framework abbreviation) is installed, the use of GCF to render the page, if the GCF is not installed, use the highest version of the IE kernel for rendering. This plugin can keep the user's IE browser intact, but when users are browsing the web, they are actually using the Google Chrome kernel, and support IE6, 7, 8 and many other versions of IE browser.

About browser compatibility issues

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.