0

メディア クエリを使用して、iPhone および iPad ユーザーのメールを変更してきました。基本的に、両方のデバイスで「メール」を使用してメールにアクセスすると成功しましたが、Safari を使用してメール クライアントにログインすると、メールはデスクトップ バージョンとして応答します。

これが私が使用しているものです：

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
/// REST OF MY CODE HERE  /// 
}

@media only screen and (max-device-width: 480px) {
/// REST OF MY CODE HERE  /// 
}

少し調査した後、私も試しました

@media only screen and (max-device-width: 480px) and(-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
/// REST OF MY CODE HERE  /// 
}

いくつかの同様の質問がこのページを指摘しています: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html

しかし、そこからどのような解決策が得られるかはよくわかりません。

ほとんどの電子メール クライアントは JavaScript を取り除いているため、ここではオブジェクト検出は適切ではないと思います。ユーザー エージェント文字列オプションは、特定のブラウザー エディションをターゲットにすることについてのようです。

私が見逃した簡単な解決策はありますか、それとも誰かがこの特定の問題に対処している可能性のある記事を教えてくれますか?

4

1 に答える 1

0

一部の (ほとんどの) メール プロバイダーは、Web メール側の html/css を書き換えます。つまり、メディア クエリを含む css が解析されている可能性があります。これは、通常のデスクトップ ブラウザを使用してメールのコードを調べたり、派手な色を設定して表示されるかどうかを確認したりすることで、簡単に確認できます。

ただし、ユーザーがiPhoneでWebメールを表示/アクセスすることは、それほど大きなユースケースではないと思います。それは...ですか？

于 2012-05-21T12:25:36.347 に答える