WP CSS媒体屏幕根本不起作用

Question

我做了一个wp主题，我正处于我想要添加媒体屏幕以使网站识别不同设备的阶段。 到目前为止，我网站自我工作正常，我已添加

<meta name="viewport" content="width=device-width">

前往header.php

并添加了

 @media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* all css goes here */ 
}

我已将“/ *所有css转到此处* /”包含在html和滚动条的所有CSS中。 完成后，网站根本没有样式返回。 我在这里做错了什么？