アプリ版:「スタンプのみでお礼する」機能のリリースについて

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

A 回答 (1件)

レスポンシブの全体としてリキッドデザインを身につけましょう。


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

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

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

お礼日時:2013/05/21 09:44

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!