Q&A
前提・実現したいこと
HTML、CSSの初心者です。
HTMLで画像の上にテキストを表示しているのですが、スマホを傾け横表示にした場合のみ、画面サイズが変わりレイアウトが崩れてしまいます。
[pc] [sp]で切り替えているため、スマホ通常表示は問題ありません。
横表示でもレイアウトを崩れないようにする方法はあるでしょうか？
よろしくお願いします。
該当のソースコード
HTML
1<div style="position: relative; display: inline-block;"><img src="画像" width="" height=""> 2<div style="position: absolute; top: px; left: px; line-height: em;"> 3<span style="font-size: pt;">テキスト</span> 4</div>
補足情報
回答1件
0
CSSのブレークポイントが小さすぎると思われます。
768pxあたりに設定してはいかがですか
投稿2020/02/01 10:57
総合スコア15
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。