2017-04-16 102 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; 
    } 
}