16

iPhone で HTML 電子メールのサイズが画面に合わせて変更されないようにしようとして問題が発生しています。以下のコードをセクションに入れても効果がないようです。

私の目標は、フォントのサイズ変更を止めることです。-webkit-text-size-adjust:none; を使用して他のバリエーションを試しました。インラインおよびその他の方法で、すべて成功しませんでした。

アドバイスや代替ソリューションをいただければ幸いです。

@media screen and (max-device-width: 480px){

/*fixes too big font in mobile Safari*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none; }  }       </style>
4

5 に答える 5

13

iPhone は、サイズ変更、特に電話の向きを切り替えるときに苦労するようです。ビューポート設定を含むメタ タグを追加してみましたか?

<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"/>

ズームを防ぐことはできますが、方向の変更時に iPhone がズームするのを止めるより良い方法を見つけられませんでした。これがこの状況で役立つかどうかはわかりませんが、試してみることをお勧めします。

于 2012-08-16T00:45:37.407 に答える
3

私はこの問題で立ち往生しており、ネット上で有効な解決策がありません。何がこれを引き起こしているのかを理解するまで。

原因: この問題は、メールに画像が添付されている場合に発生します。画像が自動スケーリングされると、電子メール/ページ全体がウィンドウに自動調整されます。

解決策: min-width (300px で 320px の iPhone 幅全体を使用しない)、max-width (希望する最大値)、およびwidth of 100% の画像にインライン スタイルを追加します。

つまり、image src="image.jpg" style="幅: 100%; 最小幅: 300px; 最大幅: 500px;"

私のために働いた...これがあなたにも役立つことを願っています! ;-)

于 2014-06-05T08:53:28.887 に答える
2

あなたがしていることは正しいですが、問題は-webkit-text-size-adjust:none;、スタイルタグ内で使用するのではなく、以下の方法で使用する必要があることです:

<body style="-webkit-text-size-adjust:none;">

これは、これをインライン css プロパティとして使用する必要があることを意味します。

于 2012-08-19T02:30:29.977 に答える
1

この問題を解決するには、CSS の body タグに次のコードを追加する必要があります。

    -webkit-text-size-adjust: 100%;

このようにして、Safari はテキストを意図したサイズの 100% に保ちます。値を none に設定すると、ユーザーはフォントを増やすことができなくなり、これは望ましくない動作です。

この CSS プロパティはサポートされており、機能するはずです。

公式の Safari 対応 CSS リファレンスを確認してください。

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

さらに、メディア タイプ画面は以下でサポートされていることに注意してください。

  • サファリ 4.0 以降。
  • iOS 1.0 以降。

これが役立つことを願っています。

BR、
トリス

于 2012-08-21T13:53:07.443 に答える
-1

Retina iPhone の幅は 640px で、メディア クエリは 480px で停止します。

とにかく、メディアクエリを完全に取り除くことができます. このプロパティ ( -webkit-text-size-adjust:none) を使用する唯一の Webkit ベースのメール クライアントは、iPhone および iPad のメール アプリです。

また、メール アプリは CSS3 をサポートする唯一のクライアントである可能性もあります

于 2012-08-15T12:46:34.097 に答える