• コミュニティ

  PCでみるとボタンが大きく表示される事象を解消したい

  トピックス by widget初心者 1792 pt  2023年8月28日 12:06 133 PV

  【Widget名】

  遷移ボタン（画像差込＋動きあり）(ボタン)
  

  【修正したいこと】

  画像の上にボタンが表示されています。スマートフォンで見ると問題ありませんが、PCで見ると、ボタンが画像より大きく表示されてしまい、表示崩れが起きています。修正方法のご教示お願いいたします。

  【参考画像】

  https://squadbeyond.gyazo.com/7bc00e982bcf200e77777dc053e6e758

  • このディスカッションは、8 月, 2 数週間前 by  widgetuserに変更されました。

  widgetマスター   8 月, 2 数週間前 2 人 · 1 コメント

  • widget
  • ボタン
  • 遷移ボタン（画像差込＋動きあり）(ボタン)
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年8月28日 12:16

  version内に設定されている最大幅（max-width）の設定が原因のようでございます。

  下記CSS調整でいかがでしょうか？

  ■ version内全体の画像幅を調整 　javascript head に追加

  body .article-body img {
    width: 100%;
  }

  ■ 添付画像の箇所の調整・追加

  .form-wrapper {
    max-width: 100%; /* 570px を 100% に変更 */
  }
  .form-wrapper img{
    max-width: 100%; /* 追加 */
  }

  ■ よくある質問コンテンツの調整

  .acd_wrap {
    max-width: 100%; /* 570px を 100% に変更 */
  }

Log In to Reply