画面幅が1920pxで作成されたデザインからのコーディングでvwの設定が正しいかどうか

Question

画面幅が1920pxで作成されたphotoshopのデザインカンプからのコーディングに関して質問です。

PCサイズが1440pxや1024pxの時でも要素の幅や高さ、文字サイズの比率を揃えるためにはvwを使用するのが一般的なのでしょうか？

1920pxのデザインカンプで余白のpxをはかり、その値を1920pxで割った値をvwに設定しています。

この方法で、1440pxではデザイン通りの表示ができるのですが、1024pxの時はvwで設定していてもデザインが崩れてしまいます。

そのため、メディアクエリで調整している状態なのですが、これは正しい方法なのでしょうか。

効率的な方法などございましたらご教示願います。

Comments

[yoshinavi]

フォント設定のみであれば、それでも良いかと思いますが、「崩れる理由」として、他の要素との組み合わせにもよりますので、状況を詳細に提示されると、回答がつきやすくなるかと思います。