为什么在浏览Rails应用程序时CSS媒体查询中断

Question

我目前正在尝试使用Twitter引导程序和CSS媒体查询使我的网站（spitball.io）响应。在新iPhone上，使用引导程序的xs，sm，md等隐藏元素无法使用断点。所以，我一直在使用媒体查询

@media screen and (max-width: 768px) {
.iphone-disappear{display:none;}
}

应用于在移动设备上我想消失的元素。 当我从登录页面导航到“ / wads”时，此方法效果很好。但是，当我从应用程序的另一个页面转到“ / wads”时，查询中断，并且得到的视图类似于桌面视图。请参见下面的屏幕截图。