3

<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale = 1.0" />従来の Blackberry のサポートを強化するために、HTML メールからメタ ビューポート タグを削除しました。少なくとも主要な電子メール テスト サービスに関するブログによると、空白の画面が表示される可能性があることが文書化されています。

テストで確認した唯一の欠点は、Windows Phone HTC HD7 での結果が縮小することです。( https://litmus.com/pub/71916b3 ) タグを含む Litmus テストでは、ページが 100% ズームで表示されます。削除すると、電子メールが画面に合わせてズームアウトされて表示されます。これは、他のモバイル プラットフォームに問題がない場合でも発生します。

タグを置き換えてこれを回避できる別の CSS 手法はありますか?

このタグは、最も有名なHTML 電子メールのボイラープレート テンプレートの 1 つに使用されています。実際には、-webkit-text-size-adjust: none;空白の BB 画面が発生する問題のみが確認されています。

問題のメディア クエリとズームをターゲットにしようとしましたが、同様のサイズとピクセル密度を持つ他の携帯電話に影響を与えるリスクが大きすぎます. おそらく、電子メールに典型的な別のトレードオフですが、これについてあまり見たことがなかったので投稿したいと思いました。

4

2 に答える 2

1

とにかく、W3C はCSS ソリューションをサポートしていますが、完全にサポートされるまでにはしばらく時間がかかります。ただし、マイクロソフトはそれに参加しているようですので、試してみてください。

接頭辞なしの構文は@viewportであり、Microsoft は を使用しています@-ms-viewport

于 2013-10-04T01:32:34.520 に答える