HTML과 CSS 만 사용하여 홈페이지 만들기
<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0">
// viewport를 함으로서 모바일 사이즈를(미디어쿼리를 사용하여) 선택 한다는 것 user-scalable=no는 터치스트린의 줌인 효과를 허용하지 않겠다는 의미
html, body {
margin: 0;
padding: 0;
}
body {
overflow-x: hidden;// 가로스크롤을 방지하기 위해
}
{width: 100%;
height:1600px; //배경을 하고자 하는 이미지의 높이
background-img:url}("../img/intro/intro_bg.png");
//..을 통해 파일을 나와서 넣었다는 의미 image는 repeat값이 default로 들어감
left:50%
margin-left:-380px;} //배경의 절반값 왼쪽마진주고
혹은
margin : 0 auto;
#intro .cloudWrap .leftCloud {
position: absolute;
width:934px;
height:816px;
background-image: url("../img/intro/cloud1.png");
left:0;
}