Javascript 元视口标记选项在iOS上不起作用

福克斯新闻
身体{
保证金：自动；
}
.iframe容器{
位置：相对位置；
身高：100%；
}
.iframe容器iframe，
.iframe容器对象，
.iframe容器嵌入{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
高度：100vh；
边际：0px；
边界：0；
}
.社会磁铁{
位置：固定；
左：10px；
字体系列：“源Sans-Pro”，无衬线；
}
.clx_iframe{
位置：绝对位置；
显示：块；
底部：30px；
左：5%；
宽度：100%；
高度：100px；
字体系列：无衬线；
}
socialbar先生{
宽度：87px；
高度：87px；
边界半径：5px；
盒影：0.10px rgba（0,0,0,0.2）；
边界：无；
指针事件：填充；
盒影：无；
z指数：101；
位置：绝对位置；
最高：35%；
左：147px；
边界半径：50%！重要；
}
.简介照片{
宽度：87px；
高度：87px；
边界半径：50%；
边框：3个浅灰色虚线；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
对象匹配：包含；
}
.messageContainer{
宽度：390px；
高度：自动；
线高：18px；
填充：10px 15px 10px 15px；
字体大小：16px；
边框：2倍纯白；
边界半径：5px；
位置：绝对位置；
文本对齐：居中；
颜色：黑色；
背景色：白色；
文本阴影：无；
指针事件：填充；
盒影：无；
不透明度：1；
z指数：100；
}
.圆形分区{
背景#4C4E60；
高度：20px；
边界半径：50%！重要；
宽度：20px；
浮动：对；
位置：相对位置；
顶部：-20px；
右：-25px；
颜色：白色；
}
#最小化切换{
颜色：白色；
不透明度：0.75；
光标：指针；
字体大小：粗体；
字体大小：13px；
文字装饰：无；
}
#logosocial{
浮动：对；
文字装饰：无；
右侧填充：2.5px；
左侧填充：2.5px；
}
.logoImage{
宽度：46px；
高度：20px；
页边顶部：-5px；
背景重复：无重复；
背景大小：100%；
不透明度：0.6；
位置：相对位置；
右：-25px；
}
#档案名称{
宽度：77%；
线高：20px；
字体大小：15px；
垫底：3件；
文本对齐：左对齐；
颜色：rgb（34,34,34）；
显示：块；
不透明度：0.6；
溢出：隐藏；
空白：nowrap；
文字装饰：无；
字体大小：粗体；
}
#信息{
高度：36px；
利润上限：4倍；
显示：表格；
文本对齐：左对齐；
溢出：隐藏；
宽度：自动；
字母间距：0.5px；
颜色：rgb（34,34,34）；
}
#消息文本{
高度：自动；
宽度：100%；
显示：表格单元格；
垂直对齐：中间对齐；
字体大小：400；
字体大小：14px；
颜色：rgb（34,34,34）；
单词包装：打断单词；
单词break：打破一切；
}
#窗体按钮{
浮动：对；
左边距：15px；
光标：指针；
颜色：rgb（255、255、255）；
背景色：#4C4E60；
宽度：90%；
}
.三角形{
框大小：边框框；
背景：白色；
盒影：0px 3px 3px 0 rgba（0,0,0,0.4）；
}
.三角形：：之后{
内容：“；
位置：绝对位置；
宽度：0；
身高：0；
左边距：-0.5em；
底部：-2米；
左：45%；
框大小：边框框；
边框：1米纯黑；
边框颜色：透明白色；
变换原点：0；
变换：旋转（-45度）；
盒影：-3px3px0RGBA（0,0,0,0.4）；
}
巴顿克塔先生{
高度：36px；
宽度：自动；
显示：表格单元格；
填充：0 15px 0 15px；
利润率：0.15px；
边界半径：5px；
边框：3px实心#4C4E60；
线高：35px；
字体重量：400！重要；
文字装饰：无；
文本对齐：居中；
}
/*媒体问题*/
@媒体屏幕和（最大宽度：359px）和（最小宽度：320px）{
.messageContainer{
宽度：300px；
}
socialbar先生{
左：107px；
}
}
@媒体屏幕和（最大宽度：374px）和（最小宽度：360px）{
.messageContainer{
宽度：340px；
}
socialbar先生{
左：125px；
}
}
@媒体屏幕和（最大宽度：413px）和（最小宽度：375px）{
.messageContainer{
宽度：355px；
}
socialbar先生{
左：133px；
}
}
晚上好晚上喝了一杯茶
var wrapper=document.getElementsByClassName（'social-magnet'）[0]；
var image_wrapper=document.getElementsByClassName（'socialbar'）[0]；
var height=document.getElementsByClassName（'messageContainer'）[0]。离视；
wrapper.style.bottom=（高度+132）.toString（）+'px'；
image_wrapper.style.marginTop=（高度+40）.toString（）+'px'；

设置iFrame属性

滚动='no'

使其看起来像是要在iOS上正确加载的网站的移动版本

  var ifrm = document.createElement("iframe");
  ifrm.setAttribute("src", "<%= @social_snip.url %>");
  ifrm.id = 'ContentFrame';
  ifrm.scrolling = 'yes';
  if (check) {
    document.getElementById('iframeWrapper').className += ' mobile-theme';
  }
  var IOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  if(IOS) {
    ifrm.scrolling = 'no';
  }

var-ifrm=document.createElement（“iframe”）；
ifrm.setAttribute（“src”和“”）；
ifrm.id='ContentFrame'；
ifrm.scrolling='yes'；
如果（检查）{
document.getElementById（'iframeWrapper'）。className+='mobiletheme'；
}
var IOS=/iPad | iPhone | iPod/.test（navigator.userAgent）&！window.MSStream；
如果（IOS）{
ifrm.scrolling='no'；