ズボラアラサーのweb備忘録

MISAKI LIFE

  • WEB
  • LIFE STYLE
  • PORTFOLIO
  • CONTACT
  1. HOME >
  2. pickup

pickup

【CSS】画像や動画のアスペクト比(縦横比)を固定してレスポンシブに対応する方法aspect-ratio編

2023/11/14    pickup

アスペクト比(縦横比)を固定する方法の一つにaspect-ratioがある。固定したいコンテンツの親要素にaspect-ratio: width/height;を指定する。計算の手間がないが、古いブラウザで対応していない場合があるため確認が必要。

HTML/CSS WEB制作

miiko

北陸を拠点にWeb制作しています。
転勤族の夫と暮らす元公務員のWeb制作と暮らしの記録です。
Twitterでは日々の積み上げや学びを発信中。

ポートフォリオ

新着記事

  • 【CSS】画像や動画のアスペクト比(縦横比)を固定してレスポンシブに対応する方法aspect-ratio編
  • 【CSS】画像や地図のアスペクト比(縦横比)を固定する方法
  • 独学でプログラミングを学ぶべき？それともスクールに通うべき？メリットとデメリットを元公務員が比較！
  • 【CSS】画像の縁をぼやかす方法
  • 【CSS】画像にカーソルを乗せた時（hover）ズームさせる

Categories

  • WEB制作
    • HTML/CSS
    • プログラミング
  • プライバシーポリシー

ズボラアラサーのweb備忘録

MISAKI LIFE

© 2024 MISAKI LIFE