设计响应式布局，谷歌浏览器出现错误

设计响应式布局，谷歌浏览器出现异常
 我做了一个响应式布局的页面，头部写了<meta name="viewport" content="width=device-width, initial-scale=1,, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

然后就是样式，

媒体查询部分


@media screen and (max-width:1199px){          }

当屏幕小余1199像素的时候显示的是另外一种样式，我用谷歌浏览器F12手机样式调试的时候把浏览器的尺寸拉大，到1200的时候显示是正常的，但是不用调试，直接用谷歌浏览器浏览显示的都是小于1199的样式，而在火狐上面显示的是正常的，这是什么原因呢？


大神帮帮忙





------解决思路----------------------
找找是不是标签默认边距等导致的不一致?
------解决思路----------------------
所有模式下都很正常。。。