iphone7のメディアクエリ

Question

私は、風景や縦向きのiPadとiPhoneを対象としたメディアクエリを使用していますが、iOS 7以降は動作しません。彼らはiOS 6で完全に動作しました。誰も似たような経験をしていますか？

Answer 1

iPadクエリーの前に、すべてのメディアのクエリとプロパティが閉じられていることを確認してください。以下は、私はiPadと方向を決定するために使用する2つのクエリの例です：

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} 

または

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){} 

Answer 2

あなたはこの試してみてください：

//iPhone 7 in portrait & landscape 

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */} 

//iPhone 7 in landscape 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */} 

//iPhone 7 in portrait 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ } 

とiPhone 7 Plusのを：

//iPhone 7 Plus in portrait & landscape 
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */} 

//iPhone 7 Plus in landscape 
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */} 

//iPhone 7 Plus in portrait 
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { /* STYLES GO HERE */ }