iPad媒体查询（横向）

Question

I cannot see changes to the landscape ipad version This is the site http://bit.ly/site-demo In responsive.min.css I added this rule:

@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : landscape) {   
  .q_logo{
    width:22%;
  }
  .header_menu_bottom .main_menu{
    left:37,0%;
  }
}

But the rule is not working. How do I resolve this?

Answer 1

Ok after debugging you css file found this issue. You have missed a closing bracket for this query @media only screen and (max-width:420px) { . This should solve your problem.