- このトピックには4件の返信、2人の参加者があり、最後に
により4年、 1ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】 11.6.0
【お使いのブラウザ】Google Chrome
【当該サイトのURL】ローカル環境のため無し===
ボタンのサイズについて「もっと広め」で設定した際に、スマホ表示で画面からはみ出てしまいます。
こちらは追加CSSで修正していく形になりますでしょうか？
もし既存の設定で調整できないかと探してみたのですが見当たらず質問させて頂きました。
ちなみにサイズを「ノーマル」にするとスマホ表示でも画面に収まる形にできました。
いいねをした人: 居ません僕の環境だと、ボタン自体は左右に突き抜けるけどテキストは中央に揃うという形で表示されました。文字ごと突き抜けちゃうのはなんでだろう…なにか CSS が干渉しているとか、ブロックの入れ子によって影響があるとかはあるのかもしれません。
まぁボタンが左右に突き抜けちゃう時点でダメなんですけど、ちょっとこれうまい対処法がわからないんですよね…。左右余白を
paddingでとっているのでノーマルサイズにしていてもボランラベルの長さによっては突き抜けちゃうんですよね。現状だとどのサイズでもうまく収まるサイズにしていただくか、CSS で微調整していただくしかないかなと思います…。いいねをした人: 居ませんあーそれか Snow Monkey Blocks 側で、少し広め〜もっと広め + スマホのときは、フルサイズと同じ表示になるようにしていても良いかもですね。タブレットのときは悩ましいですが…。
もしくは、ボタンの設定パネルにある「折り返す」にチェックをするとラベルが折り返されてボタンははみ出なくなります。折り返す位置によっては変な感じになっちゃいますが…。
いいねをした人: 居ませんなるほどです、色々とアイデアを出して下さりありがとうございます！
私も色々と試したのですがボタンのブロックではなく、カスタムHTMLで作って上手く実装できたので解決しました。ありがとうございました！
いいねをした人: 居ません
- トピック「ボタンのレスポンシブ表示について」には新しい返信をつけることはできません。