比率の決まったコーディングの組み方

Question

比率を保ったままレスポンシブな画面を作成したいのですが、
そのためにどのようにcssを設定したら教えていただきたいです。

Comments

[m.ts10806]

＞何かいい方法があれば
まず自身で組んでみては。
それがないままだと作業依頼に等しいです。

[Lhankor_Mhy]

ページのアスペクト比を固定にしたままレスポンシブとのことですが、縦長画面で見た時は画面の下がすかすかになるようにデザインしたい、という理解で合っていますか？

[退会済みユーザー]

みなさま
回答ありがとうございます。
表示は、１６：９比率のタブレットのみになります。
自分も色々と試してはいるのですが、画面サイズごとに細かく調整していく以外に、
方法がないか探しています。

[Lhankor_Mhy]

つまり、縦長画面についてはメディアクエリなどで別のレイアウトを用意している、ということなのですね。理解しました。

[Lhankor_Mhy]

onniさんはなぜ退会したのだろう……？

Answer 1

コードをご提示いただいていないので、具体的ではない一般論としての回答になりますが、px単位ではレスポンシブにならないので、rem単位やvw単位を検討されるのがいいかと思います。

また、固定配置でのデザインは変更に弱いのでフローに含めた形で書いた方が望ましいのではないかな、と思いますが、これはページの性質にもよると思います。
（ペライチのような変更を想定していないページであれば問題はないです）

Answer 2

ほとんどが固定ならsvgなどで組んでしまってもよいかもしれません