0

そこで最近、iPad 2 のメールに関する問題に遭遇しました。

私はこのメディアクエリを持っています:

@media only screen and
  (max-width: 727px) {
     ...
  }

(画面の幅が電子メールのマストヘッドよりも小さくなったら、単純に縮小を開始するために 727 を使用しています。

問題は、iPad 2 (私も 1 を想定していますが、テストするものはありません) の場合、最大幅を 701px まで下げない限り、そのメディア クエリを尊重し始めないことです。 .

iPad3で動作するようです（少なくともリトマスによれば、テストする物理デバイスも持っていないためです）。

他の誰かがこれに遭遇しましたか？私は、iPad の最大幅が 768px であると想定していました。

編集：申し訳ありませんが、最初はこれについて明確ではありませんでしたが、iPad2の場合、実際にはこのメディアクエリを使用しています（デバイスの幅は768pxであると想定されているため、予想していません）が、iPad3の場合、実際には解釈されていませんそれ.

4

1 に答える 1

0

iPad Mini の電子メール テンプレートでも同じ問題が発生しました。これは私のオリジナルの @media クエリです。

@media only screen and (max-width: 760px) {
  ...
}

しかし、あなたが指摘したように (ちなみにありがとう!)、iPad はこれらを拾い上げていました。私は iPad mini でしかテストしていませんが、max-device-width次のような宣言を追加することで、iPad を「だまして」それらを無視させることができました。

@media only screen and (max-width: 760px) and (max-device-width: 760px) {
  ...
}

注: この問題をさらに悪化させたのは、Litmus が iPad Mini でモバイル専用 CSS を無視していることを示していましたが、実際のデバイスでテストしたところ、それらが検出されていたことです。

于 2016-08-18T14:32:18.567 に答える