Chrome不尊重媒体查询特定的宽度

Question

所以基本上这是我的问题，我设计了一个引导网页，它改变和对齐不同宽度的内容。一切都在Firefox上成功运行，但当我在Chrome媒体查询中测试时，应用了不同的宽度。

例如，如果我的媒体查询是：

@media (max-width: 768px) { //Bootstrap xs definition 
    .clickable{
        font-size: medium;
    }

    footer{
        display: none;
    }
}

媒体查询在Firefox中的767px和Chrome中的658px之后开始播放。在Chrome浏览器中，也没有以正确的宽度应用引导程序定义。

额外：

• 我正在使用Webstrom 2016.2，它将它安装在本地服务器上（不知道是否会影响），因为只有当我使用Webstorm上的图标启动它时才会发生这种情况
• 我的元标记是：

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

由于