iframeがどのデバイスを使ってもはみ出さないようにしたい

HTML・CSSコーディング

予算

8,000円

納品希望日

2023年6月3日

募集期限

募集終了締切日 2023年5月26日 /
掲載日 2023年5月19日

応募状況

応募人数 13

契約人数 1

依頼者の業種

メディア・マスコミ

Webサイトの用途

メディア

必要なページ

未定・その他

ページ数

1ページ

ターゲット像

年代 20代、30代、40代、50代

性別男性

出品者に対応してもらいたいこと

スマホ対応

依頼者が用意するもの

なし

募集内容

依頼の概要・目的・背景

■課題： iphone12で表示したときに特定のiframeが画面からはみだす。（デバイスによってはみ出す程度は可変） ■対象コード： <iframe width="569" height="416" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRETVNZV27LMXp6HzfAjmc5ib76zYCZw9AbSS5S4tRNV_gJDKbR8Mt2Zn4H3foEtrI1l2zggs53qy-Q/pubchart?oid=310063268&format=interactive"></iframe> ■前提条件： WPのSANGO3.0以上のテーマを使用 ■依頼事項： iframeを、どのデバイスで表示しても、はみださずに表示されるようにしたい。なおIframeのwidthsは、グラフを更新していくため、変わっていく可能性があります。（例：widths=569→600など） Scroll機能は使わずに、google spreadsheetから読み込んでいる、元の画像の縦横比を崩さずに表示できる方法でお願いします。親テーマのCSSは書き換えず、子テーマもしくは追加CSSなどで対応したい ■すでに試したが上手くいっていない方法： <head>內に以下を挿入する <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> これだけでは上手く行きませんでした。

添付ファイル

ココナラ依頼_iframe修正....pdf

参考URL

ー

求めるスキル

CSS、html

特記事項

経験者優遇

継続依頼あり

品質重視