vendor prefix chrome,Safari : -webkit- Firefox:-moz- 미디어 쿼리 각각의 화면 크기에 맞게 다른 사진 혹은 같은 사진의 다른 사이즈가 나오게끔 하는 문장 @media only screen and (min-width: 320px) and (max-width: 799px){ h1{ background: url(../images/1.png) no-repeat center top; height : 295px; } } @media only screen and (min-width: 800px) and (max-width: 1024px){ h1{ background: url(../images/2.png) no-repeat center top; height : 510px; } ..