スマホコーディングのサイズについて

Question

コーディングの練習課題で
750pxのPhotoshopデザインを渡された場合、
パソコンとスマホのフォントサイズや、padding、marginなどはどのように設定するのが良いのでしょうか？
vwかpx?
pxの場合スマホは幾つで、パソコンはいくつでしょうか？

よろしくお願いします。

Comments

[m.ts10806]

課題なのに指示はないんでしょうか。

Answer 1

pxかvwかはデザイナーの方と相談して決めてください。

Answer 2

スマホ用のデザインが750pxで渡されている場合、CSSのpx数は半分と考えてください。

横幅は750pxの場合、半分の375pxです。
余白が40pxの場合、半分の20pxです。

参考URL:
https://fastcoding.jp/blog/all/webdesign/designswidth-2018/
https://qiita.com/tomohisaota/items/f8857d01f328e34fb551

Comments

[phper]

わかりやすくありがとうございます！