画像の上に重ねて配置した吹き出し（文字含む）をスマホサイズで画像の下に配置

現在、画像があるdivにposition: relative;　吹き出し文字のdivにposition: absolute;を指示し、画像の上に吹き出しを重ねています。スマホサイズの時は吹き出しが画像を覆ってしまい、画像が見えなくなるので、吹き出しを画像の下に配置したいです。
画像の下にもコンテンツがあるので、コンテンツを下げて画像の下に吹き出しを持ってこれるようにしたいです。
解決せず困っていまして、教えていただけますでしょうか。宜しくお願いします。

No.1 ベストアンサー 回答者： naktak 回答日時： 2018/01/29 16:25

メディアクエリで、PC／タブレットを基準としているならば、サイズに合わせて

@media screen and (max-width: 480px) {
div {
position: static;
}
}
とかすれば良くないですかね。

この回答へのお礼

やりました！綺麗にできました！！
なるほどです！

後は下のコンテンツを下げて綺麗に表示させました。
分からない事が沢山で、助かりました。

直ぐにご投稿してくださって、感謝しています。
ほんとに有難うございました。

お礼日時：2018/01/29 20:08