2017-05-06 4 views
0

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

답변

0

이 문제는 언젠가 발생했습니다. 전자 우편으로 나는 전자 우편이 스크린 교체에 스크린으로 간단하게 움직인다는 것을주의했다. 반면에 Android는 기기 방향이 바뀔 때 이메일을 다시로드합니다.

나는 귀하의 질문에 대한 답변을 Email on Acid Blog에있는 기사를 발견했습니다. 회전 할 때 iOS 이메일 클라이언트가 다른 미디어 쿼리에 응답하지 않습니다 (이메일이 해당 기기 방향으로 열리는 경우는 예외).