質問: コーディングルールは会社によって違うと思うのですが、 レスポンシブ対応というのは一般的にどういったやり方が正しいのか質問です。 今までの以下のような例がありました。 たとえばPCでwidth: 1000px、 SPでは340pxの見出しがあるとします。 コードを書く際、 ``` // パターン1 // デザイン通りに固定値 // ブレイクポイントで幅をデザイン通り切り替える .hoge { width: 330px; } @media screen and (min-width:1024px) { width: 1000px; } // パターン2 // デザインは参考程度で画面幅に応じて小さくなる bootstrapなどの.containerみたいなのを使う ``` パターン1の場合、 デザインに忠実だと思いますが画面幅を変えた際見応えが悪くなる。 また、今回の例だと横場はiphoneの古いサイズからはみでてる、、、 パターン2の場合、 デザインの値に忠実とは言えないが見応えがいい。 ただ、アスペクト比とか考えることが多い? 皆様のご意見をお聞きしたいです。
回答: 少なくともわたしはこうするということでお答えします。 前提として * デザインの変更はSP・TAB&PC(SP・TAB・PC)で * 基本pxはmax-width以外使わない です。 フォント周り以外はだいたいvwで指定をします。