スマホでのtableが見切れる

PCでは正しく表示されるのにスマホではtableが見切れてしまう。
wordpress4.9.1
テーマ　Bizvektor1.10.0

<iframe src="bukken/option/picturetable2.htm" align="center" width="640" height="800" name="uri" frameborder="0" scrolling="no"></iframe>

<iframe align="center" frameborder="0" height="800" name="uri" scrolling="no" src="bukken/option/picturetable2.htm" width="100%"></iframe>

試してみたこと
・width="100%"に指定しても変化はありません。
・table pressで作成しても変化なし。

どなたかご教授頂くと幸いです。宜しくお願い致します。

2018/01/25 07:12

状況を再現できるソースをご提示ください。

2018/01/25 07:21

行動規範の内容に同意します

回答1件

ベストアンサー

tableとその中のimgにwidth: 100%;で解決できます。
メディアクエリで切り分けてスマホ表示の時だけ適用するようにしてください。

up-new.gifも影響を受けてしまうので、これにクラスを与えて:not()指定するか、逆に物件の画像のみにクラスを与えて上記を指定してください。

【追記】

CSS
1table,
2table img:not([src="up-new.gif"]) {
3  width: 100%;
4}

実際は該当のtableに適当なIDやclassを与えて書き換えてください。

投稿2018/01/25 07:44

退会済みユーザー

総合スコア0

2018/01/25 08:13

すいません。具体的なソースの記述があると助かります。

退会済みユーザー

2018/01/25 08:21

回答に追記しました

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問をすることでしか得られない、回答やアドバイスがある。