[CSS] background url 이미지 웹, 모바일 크기 동시에 맞추기

출처 : https://yuja-kong.tistory.com/entry/CSS-background-url-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%9B%B9-%EB%AA%A8%EB%B0%94%EC%9D%BC-%ED%81%AC%EA%B8%B0-%EB%8F%99%EC%8B%9C%EC%97%90-%EB%A7%9E%EC%B6%94%EA%B8%B0

[CSS] background url 이미지 웹, 모바일 크기 동시에 맞추기

 

 

[CSS] background url 이미지 웹, 모바일 크기 동시에 맞추기

background-image: url(url 경로);

background-position: center center;

background-repeat:  no-repeat;

background-attachment: fixed;

background-size:  cover;

 

 

  

 

(좌) 웹 버전 / (우) 모바일 버전