yuri memo

フロントエンド園児のメモ 💻👧📝

背景画像を隙間なく表示させる方法 - background-sizeの使い方

実務でもよく使うのでメモです。
サムネイルつきリストなどを作る際に、画像サイズが決まったサイズであれば特に問題はないのですが
CMS化してクライアントが直接更新作業する場合などは、必ずしもすべての画像サイズが同じとは限りませんよね。
そんな時にサムネイルに対して画像がうまく収まらないとこんな感じになってしまいます。
f:id:yurixxx8:20160822221250p:plain
高さが揃ってなくてあまりキレイじゃないですね。

続きを読む