0630 HTML /CSS

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;
		}
	}
@media only screen and (min-width: 1025px) {
		h1{
			background: url(../images/3.png) no-repeat center top;
			height : 700px;
		}
	}