PSDデータからコーディングする際について

Question

psdデータからコーディングする際に自分のパソコンの画面幅とpsdデータの横幅が違うことってよくありますよね？
例えば、psdデータの横幅が1280pxだけど自分のパソコンは1900pxだったり。
その場合コーディングするときに余白などがpsdデータの値そのままの数値でコーディングしてしまうと絶対にバランスがおかしくなりますよね？
こういう時はどうすればいいですか？
paddingやmarginなどは％指定でバランスを保つ方法だとバランスは保たれると思います。が、その場合はboxのwidthやheightも％指定するべきですか？boxの場合は固定値で指定したい場合もあると思うんですが。
他に何か解決方法はありますか？

Answer 1

その場合コーディングするときに余白などがpsdデータの値そのままの数値でコーディングしてしまうと絶対にバランスがおかしくなりますよね？

こういう時はどうすればいいですか？

まず基本的な問題として、Webサイトの横幅は環境によるものです。なので、画面幅と横幅の関係については、画像データとは別途で決めておく必要があります。

レスポンシブと言っても、（Teratailもそうですが）ある程度以上に画面が広ければむやみに広げずに残りは余白、みたいなレイアウトにすることもあります。

boxの場合は固定値で指定したい場合もあると思うんですが。

ページ全体がレスポンシブな場合、「完全固定サイズ」のエレメントは、おそらく出番がないでしょう。

Comments

[退会済みユーザー]

ありがとうございました。