Q&A
縦横比が、1:0.645のdivボックスがあります。実寸はだいたいW：680px*H:438.66pxです。
高さはディスプレイによって若干変わるので縦横比に基づいてボックスの高さを設定したいと考えております。
heightをpxで設定すると思った通り描画されるのですが、％で設定すると上手く行きません。
clacを使って設定する方法も考えました、横幅もスマホだとサイズが変わってきそうなので、上手くいかないかと思います。
どのようにすれば、良いかアドバイス頂けないでしょうか？
回答2件
0
まずはvh単位での指定を試すといいと思います。
投稿2021/06/29 04:19
総合スコア8402
0
ベストアンサー
aspect-ratio を使うのがいいのだと思いますが、Safariが対応していないのが残念なところです。
aspect-ratio - CSS: Cascading Style Sheets | MDN
パディングを使ったやり方もあります。
Aspect Ratio Boxes | CSS-Tricks
投稿2021/06/29 04:45
総合スコア36156
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。