部分国产浏览器默认采用高速模式渲染页面,而非兼容模式

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标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
   

复制代码

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

复制代码

网页手机wap2.0网页的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使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame