2017-04-16 11 views
1

iPhone 5でいくつかの要素を隠そうとしています&肖像画&の風景に5Sが表示されていますが、これはすべてのiphoneデバイスで有効でした。肖像画と風景の問題でiPhone 5&5Sをターゲットにする

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

span.hmlabel{ 
display:none; 
} 

} 
+0

あなたはJSタグを持っているので:CSSや特定のクライアントのためにクラスを追加するために、JavaScriptのnavigatorオブジェクトを使用してに見えます。いくつかの例[ここ](http://stackoverflow.com/questions/4345671/how-to-change-css-class-depends-on-browser/26780555#26780555)と[ここ](http://stackoverflow.com/questions/15550890 /条件付き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; 
    } 
} 
関連する問題