Bootstrap（3.2.0）响应无法在iPhone中的Inside Iframe中工作

Question

我有一个包含以下内容的页面

 <title>xxxx</title> 
 <meta name="description" content="xxx"> 
 <meta name="keywords" content="xxx">
 <meta http-equiv="Content-Language" content="hi">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

我正在嵌入iframe

 <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>xxxxx</title>

Bootstrap无法正常工作，我还编写了一些媒体查询，如下所示

 @media screen and (min-device-width: 200px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {

 ///some css is here
}
@media(min-width: 200px) and (max-width: 768px) { 
///some css is here
}

引导程序和媒体查询的响应能力在iPhone 3到6的任何型号都不起作用。 我还在iframe链接中尝试了以下内容

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,target-densityDpi=device-dpi"/>