レスポンシブWEBデザイン p要素のついて

質問

レスポンシブWEBデザインにチャレンジしていますが、つまづいているところがあります。
テキストを“<p>～</p>”で囲うと、縮めた時にリサイズされず、見切れてしまいます。
また、横スクロールも現れ、頭を抱えております。
ulなどはリサイズされるのですが、原因がわからずに困っています。
ご存知の方、いらっしゃいましたらご教授をお願いします。

回答No.1

ORUKA1951 · ベストアンサー

レスポンシブの全体としてリキッドデザインを身につけましょう。
レスポンシブの必要すらない場合が多いです。
pに幅を指定してしまえば、縮まなくなります。
たとえば、
ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
のページ、表示メニューから[スタイルシート]に進み、どのスタイルを選択しても、640px以上でしたら自在に伸縮するはずです。もちろん大きなディスプレイではある程度以上は広がりません。

　そのうえで、レスポンシブが必要なら、縦置きスマホなど小さいディスプレイには、mediaqueryで切り替えて、サイドに表示されるものを下に回すとかになるかと思います。

お礼

丁寧な解説、ありがとうございました。
色々わかってきたのでさらに精進します。