エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSのaspect-ratioプロパティで手軽にアスペクト比を設定する | Free Style
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSのaspect-ratioプロパティで手軽にアスペクト比を設定する | Free Style
Webサイトやブログで画像や動画を使う際、コンテンツの中で綺麗に見せていくには、素材の品質もそうです... Webサイトやブログで画像や動画を使う際、コンテンツの中で綺麗に見せていくには、素材の品質もそうですがアスペクト比も重要な要素になります。 Web制作では画像や動画コンテンツを多くのデバイスに対応していくため、特に動画ですが、アスペクト比の調整に慣れていない方は、意外と大変だったりします。 こうした少し面倒な調整手軽に行えるよう、CSSの新機能としてアスペクト比を設定するaspect-ratioプロパティが追加されました。 気になる対応ブラウザですが、 主要ブラウザでは、最新バージョンですべてサポートされています。 (IEは未対応) Can I use (aspect-ratio) https://caniuse.com/?search=aspect-ratio ここでは、サンプルをもとにaspect-ratioプロパティの使い方をご紹介します。 WebブラウザのGoogle Chrome