MENU
CLOSE
システム Edit : 2021.02.17 Update : 2024.11.07
CSSで画像の横幅に対して、高さを比率で固定する方法

CSSで画像の横幅に対して、高さを比率で固定する方法

Contents
  1. CSS

画像や動画の横幅が100%などで可変する時、高さも比率を合わせて可変してほしい場合のCSSをメモしておきます。
方法はめちゃくちゃ簡単です➡️ 『縦幅÷横幅の値を%にして指定する』

例えば、横1920px縦1080pxの画像を設置する時は、1080÷1920=0.5625 なのでCSSは以下になります。

Contents
  1. CSS

CSS

KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。