响应式设计媒体查询没有显示在苹果产品上？

Question

我有一个使用bootstrap开发的Ruby on Rails应用程序，并在我的'static_pages.css.scss'文件中包含了媒体查询：

@media all and (max-width: 1000px){
    .header-logos
    {
       display: none;
    }
}

@media查询中有更多代码，但只是保持简短。

我还包括：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

响应式设计适用于我的桌面以及Chrome中的nexus android设备。我也在三星星系上进行过测试，效果很好。

如果我将网站加载到iphone或ipad（safari或chrome）上，菜单会正确加载，但屏幕的其余部分会变为空白（似乎闪烁一秒，正确显示然后变为空白）

转到www.bathtub2boardroom.com

，随意查看结果

有什么建议吗？