0

WindowsとiPadで動作するワークフローアプリケーションを開発しました。

ここで、ユーザーが電子メールクライアント(Windowsラップトップから実行している場合はOutlook、外出中の場合はiPad電子メール)からアプリケーションを開くことができるように、ユーザーに電子メールを送信したいと思います。

Windowsの場合、これを行う唯一の方法は、アプリケーションが開くように登録されているファイル(アプリケーションに渡したい情報が含まれている)を添付することです。

iPadの場合、アプリが排他的に登録されているカスタムURLスキームを使用して、ハイパーリンクを含めます。

2つのデバイスのいずれからでも同じ電子メールを開くことができます。iPadから表示するときに添付ファイルを非表示にし、Outlookから表示するときにハイパーリンクを非表示にする方法はありますか?

iPadアプリを登録して同じ種類のファイルを開くこともできますが、ハイパーリンクオプションを使用することをお勧めします。

4

2 に答える 2

1

CSS @mediaクエリを使用すると、要素を戦略的に非表示にして、電話の表示とデスクトップの電子メールクライアントの表示を最適化できます(また、そうすべきです)。

すべての電子メールクライアントのcssプロパティの電子メールで使用するものと使用しないものに関する参照ガイド

これを使用して、iPadかPCかを確認します

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

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

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

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

display:none / blockを使用して、要件に従って非表示を表示します

于 2013-03-01T11:34:18.243 に答える
0

以下はうまくいくようです:

<style>
    .outlook {display:block}
    .iPad {display:none}

    @media screen and (-webkit-min-device-pixel-ratio:0) {
      .outlook {display:none}
      .iPad {display:block}
    }
</style>
于 2013-03-01T12:15:04.647 に答える