質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

意見交換

クローズ

3回答

413閲覧

デザインデータからのコーディングにあたって設定するCSSの値について

yurika_21

総合スコア12

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2023/06/30 11:48

0

0

テーマ、知りたいこと

figmaのデータを元にコーディングをしています。
PC画面(1920×1080)デザインで以下のように設定されています。
https://gyazo.com/856866427dfcbbf0af90e18190ede8f2

この
width: 700pxやheight: 703pxは1920×1080より画面比が小さくなった場合も
width: 700pxでheight: 703px設定するのでしょうか?

それとも画面幅に合わせてwidth: 700px、height: 703pxも調整するのでしょうか?

調整する場合はどのように値を設定するのでしょうか?

是非、多くの方の意見をお聞きしたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答3

#1

maisumakun

総合スコア145930

投稿2023/06/30 12:05

デザイン者に意図を確認すべき場面です。

レスポンシブで画面幅に合わせて変化させるのかもしれませんし、横幅は絶対固定ではみ出たらスクロールさせるという方針かもしれません。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

yurika_21

総合スコア12

投稿2023/06/30 12:16

#1
基本的には画面幅に合わせて変化させるケースが多い気がするのですが、画面幅に合わせて変化させる場合はwidth等の指定は%指定などで行うということでしょうか?

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#3

Lhankor_Mhy

総合スコア36898

投稿2023/06/30 13:56

サイト全体のルックアンドフィールを見て判断すべきことだと思います。

たとえば、それがヒーローイメージだったとするなら、タイトルやロゴとの関係が大きく変わるようなサイズ変化はしないでしょう。

逆に、タブレットサイズでの表示がスクリーン幅いっぱいであるなら、そこに接続できるようにサイズ変化させるべきです。

デザイン意図が不明であるなら、デザイナーとコミュニケーションを取ったほうがいいように思います。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

最新の回答から1ヶ月経過したため この意見交換はクローズされました

意見をやりとりしたい話題がある場合は質問してみましょう!

質問する

関連した質問