fv画像をぴったりあてはめたい時、画像下に余白が出来た

久しぶりにfvn背景画像を充てるところで時間がかかってしまいました。

普通に画像をはめ込むだけでは、拡大して少し左よりになったとように感じます

background-size: cover;

だと思って、指定するものの、今度は画像下側に大きく余白が空いてしまいました。

その時【↓参考サイト】に出会い、無事解決できました!!

ありがとうございます。

参考サイトのコードを「すべて」取り入れたわけではないでしすが、私が試したことを書いておきます。

padding-topの設定をして、heightの指定を解除しました。

すると、おもった通りの実装になりました!

heightがあると、画像下に変な余白が生まれてしまい、これを解消することができませんでしたが

解除すると余白は消え、綺麗に表示されるようになりました。

この記事を書いた人