- このトピックには4件の返信、2人の参加者があり、最後に
により3年、 7ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】14.0.2
【お使いの Snow Monkey Blocks のバージョン】11.0.1
【お使いの Snow Monkey Diet のバージョン】0.6.1
【お使いの Snow Monkey Editor のバージョン】5.0.0
【お使いの Snow Monkey Forms のバージョン】1.5.0
【お使いのブラウザ】Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36
【当該サイトのURL】 https://happy-snow-monkey.olein-design.com/test-of-broken-grid### 発生している問題
セクション（ブロークングリッド）を利用してレイアウトを作成した際に、デフォルト設定のままテキストと画像を設置し、【モバイルの並び順】を【画像→テキスト】にした際に、以下の添付画像のように、画像にテキストエリアが重なってしまったり、下部のテキスト部分が見切れてしまったりする現象が発生しました。
### 試したこと
共有可能ページを作成してiOS実機で現象確認済みです。
CSSを重ねることで対応することは可能かと思いますが、Blocksの方で対応した方が良いのかな？とも思いましてトピック作成させていただきました。
いいねをした人: 居ません画像にテキストエリアが重なってしまったり、下部のテキスト部分が見切れてしまったりする現象が発生しました。
「画像にテキストエリアが重なる」のは仕様です。モバイルでもブロークンな感じを出すためにそのような形にしています。確かに写真によってはかなり見えづらくはなっちゃいますね…。
「下部のテキスト部分が見切れている」のはバグなので調査して修正いれます！
いいねをした人: 居ません「画像にテキストエリアが重なる」のは仕様です。モバイルでもブロークンな感じを出すためにそのような形にしています。確かに写真によってはかなり見えづらくはなっちゃいますね…。
なるほど！了解です！
そちらは画像とテキストが重なった際に視認性の落ちる場合には、別途個別にモバイルのみ背景半透明とかを入れるとかで対応した方がよさそうですね！その方向で進めます！
「下部のテキスト部分が見切れている」のはバグなので調査して修正いれます！
ご確認ありがとうございます！
いいねをした人: 居ません
- トピック「セクション（ブロークングリッド）のスマホ・タブレットでの表示崩れについて」には新しい返信をつけることはできません。