Knowledge Map

이미지 사이즈 조정1 본문

WEB/HTML&CSS

이미지 사이즈 조정1

2018.03.16 15:49

이미지가 제각각 일때 일정하게 이미지를 만드는 방법으로 width, height를 조정하는 게 있을 것이다.

하지만 그렇게 하면 이미지가 늘어나 버려서 보기에 좋지 않다.

아래와 같이 백그라운드로 하고 cover를 하게 되면 적절히 잘 잡아주는거 같다.



1
2
3
4
5
6
.some-class{
  background-image: url('........');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
cs


'WEB > HTML&CSS' 카테고리의 다른 글

이미지 사이즈 조정1  (0) 2018.03.16
table & table-cell 를 이용한 정렬  (0) 2017.08.24
글자 효과  (0) 2017.07.11
캔버스  (0) 2017.07.02
position:absolute & margin:0 auto  (1) 2017.01.31
선택자순위, 단위, 기타 css  (0) 2016.07.26
0 Comments