前提・実現したいこと
困っています。もしご存知の方がいらしゃいましたらご教授お願いします。
- 親ページの解像度(デバイスの画面の大きさ)に合わせ、インラインフレーム内のfloatなどを解除したい
- インラインフレーム内単体で横幅のcssでレイアウトを変更するレスポンシブは効く
- なお、インラインフレーム内と親ページがどうしても別ドメインになる条件
発生している問題・エラーメッセージ
- 親ページに埋め込んだ状態で親ページから見ても、単体では効いていたCSSが効かずにレスポンシブルにならない
- インラインフレーム内の画面の横幅レスポンシブCSSが親ページからは影響されずに効いていない?
- iframeとは元々親ページに埋め込むとcssのmin-width, max-widthのCSSが効かない
該当のソースコード
- この様なものを使ってモバイルデバイスのみfloatを解除してdivや画像を横幅100%表示にしたい。
@media screen and (max-width: 760px) {}
試したこと
CSSはフレームのページに適応し、プレーム内単体は動くけど、親ページの画面サイズに影響しないので動かない
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/24 02:59