iphone - 「メタ」と向きの検出が iPhone/iPad メールで機能しませんか?

Question

1. などのメタ<meta name="viewport" content="width=600,initial-scale = 2.3,user-scalable=no">が iPhone / iPad メールで動かない？

2. iPhoneメールの向きを検出する方法は?

3. iPhone / iPad メールの HTML と CSS に関するドキュメントはありますか?

Answer 1

CSS 3 Media Queryを使用して、iPhone / iPad の向きを検出できます。

<!-- css -->
@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    .landscape { display: none; }
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
    .portrait { display: none; }
}

<!-- example markup -->
<h1 class="portrait">Your device orientation is "portrait"<h1>
<h1 class="landscape">Your device orientation is "landscape"<h1>