iFrame内のコンテンツのメディアクエリ内のスタイルに問題があります。私のサイトにはiFrameが埋め込まれています。iFrame内のコンテンツにはスタイルがあります。私のiFrameの幅は480pxです。メディアクエリ@mediascreenがあり、この中に(max-width:480px)iFrame内のコンテンツにスタイルを追加しています。
問題は、サイズ1900px幅(iFrameサイズは同じ480px)のデスクトップブラウザでページを開くと、max-width:480pxのメディアクエリ内のスタイルが適用されることです。しかし、iPadで同じページを開くと、メディアクエリのiFrame幅を考慮せず、画面幅を取得して768px幅のメディアクエリスタイルを適用します。
私の知る限り、iFrameにはhtmlページ全体が含まれているため、iFrame幅を使用する必要があり、iFrame幅のメディアクエリスタイルをレンダリングする必要があります。iPadの問題を解決する方法を教えてください。