WEB/HTML&CSS

이미지 사이즈 조정1

              2018. 3. 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