- このトピックには2件の返信、2人の参加者があり、最後ににより6年、 10ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- このトピックに返信するにはログインが必要です。
タグ: MAGJAM iframe
固定ページにiframeであるサイトを入れました。
PCでは問題なく表示されるのですが、
スマホで表示させると幅がはみ出してしまいます。
よく言われる
iframe のレスポンシブ対応 でスタイルシートに指定を入れましたが、
反映されません。
例)https://www.webantena.net/css/iframe-responsive-web-design/
何か手段はないのでしょうか?
iframeはテーマ側で最大幅は100%で自動リサイズされるため、ご提示のような余分な制御は不要です。
単純に、src, width, heightを最低限指定したiframeのみで対象URLのページが埋め込まれます。
それが、iphoneではだめでした。
引用元のデザインのtableが、原因だったようなので、
そちらを作り変えて(自社サイトだったので)
対応しました。
回答ありがとうございました。