响应式网页的电脑端宽度和手机端一样,设置不了,是不是哪里有冲突

调用的css文件里面的

#cssmenu {
  width:220px;    
  }

这个是网页内容代码

<style>
#cssmenu {
  width:220px;    
  }//写在这电脑端也还是150px
@media (max-width: 767px) {
#cssmenu {
  width:150px; 
  height:auto;
  margin:-10px;      
  }
}
</style>
<div id='cssmenu' class="nav-items">                               
<ul>                                                                             
    <li class='has-sub'><a id="a_sysinfo" href='#'><span id="span_sysinfo">System Information</span></a>

img


img

@media screen and (max-width:760px)