iOS 10의 Mail App에서만 볼 수 있어야하는 이메일 내에서 가로 또는 세로 모드로 iPhone 7을 타겟팅하려고합니다.iPhone Mail App에서 iOS10 방향 미디어 쿼리가 실패 함
Chrome의 개발자 도구, iOS 시뮬레이터 또는 내 iPhone 7의 Safari 브라우저에서 아래 코드를 테스트하면 모든 것이 정상적으로 작동합니다. 방향을 변경하면 녹색 색 < => 파란색으로 바뀝니다. 불행히도,이 html 파일을 이메일로 보내면 내 메일 앱이 모드로 인식되지 않는 것 같습니다.
프리픽스 섹션에서 초상화 만 언급하면 이 남아 있으며 css가 연결되지 않습니다. 또는 프리의 경우 화면의 방향에 관계없이 스타일이 유지됩니다.
도움이 될 것입니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
.
.
.
.
@media screen
and (min-width: 375px)
and (max-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.handheld .test {
background-color: green;
}
}
@media screen
and (min-width: 375px)
and (max-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
.handheld .test {
background-color: blue;
}
}