部分國產(chǎn)瀏覽器默認采用高速模式渲染頁面,而非兼容模式

xuanp

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The above 2 meta tags *must* come first in the head; any other head content must come *after* these tags -->

1.     <meta charset="utf-8">
   
2.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   
3.     <meta name="renderer" content="webkit">
   
4.     <!-- 上述3個meta標簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ -->
   

復制代碼

1. <meta name="viewport" content="width=device-width, initial-scale=1">
   
2. initial-scale - 初始的縮放比例  

復制代碼

網(wǎng)頁手機wap2.0網(wǎng)頁的head里加入下面這條元標簽，在iPhone的瀏覽器中頁面將以原始大小顯示，并不允許縮放。  
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">   

width - viewport的寬度 height - viewport的高度   
initial-scale - 初始的縮放比例  
minimum-scale - 允許用戶縮放到的最小比例   
maximum-scale - 允許用戶縮放到的最大比例  
user-scalable - 用戶是否可以手動縮放  

xuanp

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
IE=edge告訴IE使用最新的引擎渲染網(wǎng)頁，chrome=1則可以激活Chrome Frame