Javascript 瞄准iphone5&；5S肖像画及；景观问题

我试图在纵向和横向中隐藏iPhone5和5S中的一些元素，但这对所有iPhone设备都有影响，下面是代码

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

span.hmlabel{
display:none;
}

}

---

由于您有一个js标记：请研究如何使用javascript navigator对象为特定客户机添加css或类。一些例子，你有没有试着看看这个？如果是的，但它不起作用，那么你可能需要一些js帮助。阅读iphone5的垂直屏幕较长，你可能不需要针对特定（最小/最大）宽度和大于“标准”的最小高度。否则使用比率，或js。我尝试了不同的方法，这一个可能重复在纵向视图中工作@media screen和（设备纵横比：40/71）{}，但横向失败。我正在寻找纯css的东西，而不是使用js连接。因为您有一个js标记：使用javascript navigator对象为特定客户机添加css或类。一些例子，你有没有试着看看这个？如果是的，但它不起作用，那么你可能需要一些js帮助。阅读iphone5的垂直屏幕较长，你可能不需要针对特定（最小/最大）宽度和大于“标准”的最小高度。否则使用比率，或js。我尝试了不同的方法，这一个可能重复在纵向视图中工作@media screen和（设备纵横比：40/71）{}，但横向失败。我正在寻找纯css的东西，而不是使用js连接。

I just tired like this works perfect. 

@media screen and (device-aspect-ratio: 40/71) {
  span.hmlabel{
    display:none;
  }
}

@media screen and (device-aspect-ratio: 71/40) {
  span.hmlabel{
    display:none;
  } 
}