2017-04-16 82 views
1

我尝试隐藏iPhone 5中的一些元素5 &纵向&横向,但它是影响所有iphone设备,下面是代码。针对iPhone 5&5S在纵向和横向问题

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

span.hmlabel{ 
display:none; 
} 

} 
+0

既然你有js标签:考虑使用JavaScript的navigator对象添加CSS或一类特定的客户端。一些例子[这里](http://stackoverflow.com/questions/4345671/how-to-change-css-class-depends-on-browser/26780555#26780555)和[here](http://stackoverflow.com/questions/15550890/conditional-css-for-internet-explorer-10-only/15551240#15551240) – yezzz

+0

你试过看这个吗? http://stackoverflow.com/questions/12539697/iphone-5-css-media-query?如果是,它不工作,那么也许你需要一些js的帮助 –

+0

阅读iphone5有一个垂直较长的屏幕,你可能会摆脱瞄准具体(最小/最大)宽度和最小高度大于“标准”。否则使用比例,或js。 – yezzz

回答

0
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; 
    } 
}