完全レスポンシブ対応にしたが、スマホ表示で画像がはみ出る

Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › 完全レスポンシブ対応にしたが、スマホ表示で画像がはみ出る

  • このトピックには2件の返信、1人の参加者があり、最後にkishinoにより8年、 10ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #57878
      kishino
      ゲスト

      Simplicity2の子テーマを使ってサイトを作っています。
      完全レスポンシブ対応にしたばずですが、スマホ表示にすると600ピクセル幅(PC表示時)画像が横に飛び出ます。また、1文が長い文章をテキスト入力すると、折り返して表示されず、文中で切れて表示されます。
      どうしたらいいでしょうか? 

    • #57882
      かうたっく
      ゲスト

      どちらもCSSで対応できます。

      スマホ表示にすると600ピクセル幅(PC表示時)画像が横に飛び出ます。

      色んな状況が書かれていないので、以下ページで状況にあったCSSを追加して、キャッシュのない状況でご確認いただけますか。

      Simplicityスマホで、画像img・iframe・表tableが見切れて横揺れ・はみ出す時、CSSで対処

      上記はWordPressでよくあることです。それでもダメなら、状況を確認しないと分からないので、URLの提示をお願いします。

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

      1文が長い文章をテキスト入力すると、折り返して表示されず、文中で切れて表示されます。

      これもサイト運営で状況によってある事ですが、カスタマイザーで対応もできます。

      外観 - カスタマイズ - レイアウト(投稿・固定ページ) - レイアウト(投稿・固定ページ) より『長い単語を必要に応じて改行する』にチェックを入れて更新すればOKです。

      反映しないときはキャッシュを削除してチェックしてくださいね。

    • #57888
      kishino
      ゲスト

      かうたっくさん

      情報、アドバイスありがとうございます!

      https://bibabosi-rizumu.com/simplicity-img-iframe-table-width/

      こちらのコードをコピペさせていただきました。
      助かりました。
      また、一文が長くなってしまう点も教えていただいた設定でクリアできました。

      ありがとうございました。

2件の返信スレッドを表示中
  • トピック「完全レスポンシブ対応にしたが、スマホ表示で画像がはみ出る」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)