SCSSによる応答背景画像MIXIN

1324 ワード

テキストリンク

したがって、応答画像は、ブートストラップで便利です

.img-fluid

私もWordPressの上で私のイメージを最適化して、Webpにイメージを変換するために、EWWWを使います.
しかし、私は使用して私の背景画像を使用して同じ割合を持っている間応答して働いている.
私は下記のmixinを使用し、それは私の人生を変えました.試してみてください.

@mixin responsive-bg-image($image-width, $image-height) {
  background-size: cover;
  height: 0;
  padding-bottom: percentage($image-height / $image-width);
  display: block;
  position: relative;
}

Reference

この問題について(SCSSによる応答背景画像MIXIN), 我々は、より多くの情報をここで見つけました https://dev.to/aarmstrongplott/responsive-background-images-mixin-with-scss-pdo

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

[JAVA]実装シーケンス、繰り返しシーケンス、組合せおよび繰り返し組合せ

等号を求める