HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (850ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
3(3): 2023/08/24(木)09:43 ID:??? AAS
質問失礼します。
レスポンシブデザインでサイトを作成しており、PCから見た時に①の画像のようになるようにCSSを書きました。
これがスマホから見ると②の画像のようになってしまいます。
PC表示部分のCSSは③の画像、スマホ表示部分のCSSは④のような状態なのですが、どこを改善すればよいでしょうか。
画像ﾘﾝｸ[png]:i.imgur.com
画像ﾘﾝｸ[png]:i.imgur.com
画像ﾘﾝｸ[png]:i.imgur.com
画像ﾘﾝｸ[png]:i.imgur.com
4(1): 2023/08/24(木)09:50 ID:??? AAS
>>3
②が正しくないのでしたら、まずどうなるのが正しいのかを書きましょう
5(2): 2023/08/24(木)11:06 ID:??? AAS
>>3
画像のinline-block上の階層でflex使いなよ
横に並べるにしても縦に並べるにしても制御が楽になるよ
8(2): 2023/08/24(木)11:09 ID:??? AAS
>>3
#mainあたりにmax-width入れてみては？
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.216s*