html - Ipad 媒体查询(横向)

Question

我看不到横向 ipad 版本的变化 这是网站http://bit.ly/site-demo 在 responsive.min.css 我添加了这个规则:

@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%;
  }
}

但规则不起作用。我该如何解决这个问题？

Answer 1

好的，在调试你的 css 文件后发现了这个问题。您错过了此查询的右括号 @media only screen and (max-width:420px) {。这应该可以解决您的问题。