响应移动视图时，计算宽度不同

Question

我在div中有一个顶级徽标，我想要一个固定的位置：

.rslogo {
 width: 1200px;
 position: fixed;
 top: 0px;
 left: 50%;
 margin-left: -600px;
 padding: 0px;
 z-index: 2;
}

我希望网站具有响应能力，所以我添加了这个css文章：

 @media (max-width: 1200px) {
 .rslogo {
   width: 100%;
   left: 50%;
   margin-left: -50%;
   position: fixed;
  }
 }

当我手动减小桌面中导航器屏幕的宽度时，效果很好。但是，当我切换到移动视图时，它不起作用：rslogo的计算宽度仍然是1200px。

仅供参考，我的代码中有以下行：

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

如果我将rslogo的位置更改为＆＃34; absolute＆＃34;，它工作正常，因为计算出的宽度是100％，但它不是我想要的，因为我更喜欢div包含徽标要固定在窗口的顶部。

有什么想法吗？谢谢。