質問: 現在、wordpressにてwebサイトの構築を行っています。 ひとつお伺いしたいのですが、皆さんはレスポンシブデザイン時の画像サイズの指定方法はどれをしようされていますか? ※%、em、rem、vwなど 理由まで教えて頂けると、とてもありがたいです。 私の場合は指定にばらつきが出ているので、できるだけルールを決めて運用していきたいと考えています。 また、marginやpaddingもどれを使用されているか教えて頂けるとありがたいです。 ちなみに、フォントサイズはremにて指定しています。
回答: 個人的には、画像のサイズは%とpxで合わせることが多いように思います。 画面幅一杯に表示するために width: 100% としたり、 小さくなり過ぎないように min-width: 120px と指定したりといった形で調整します。 ブレイクポイントをpxで指定するので、文字まわり以外は全体的に%とpxで考えています。 要素間で間隔をあけたい場合はmargin(左右が多い?)、 余白を作りたいときはpadding(上下が多い?)でしょうか。 あまり意識して使い分けをしてないかもしれません。 間隔の指定はpxで行います。 マイナス評価を受けたのは主観的に過ぎる、ということかなと思い、 `responsive webdesign guideline`でググってヒットしたページを参考に挙げます。 Guidelines to building a responsive web design | Responsive Web Design おおよそ同じように%とpx、あと最初の解答には含めていませんでしたがautoを使って調整しているようです。 自分に都合のよいページを紹介しているだけとも言えますので、よりよいサイトや方針があればご回答頂ければと思います。