수다닷컴

모바일에서 화면 꽉 채우는 이미지로만 페이지 구성할 경우에 640으로 psd 잡으면 되나요? 이미지 4개만 쭉 붙어 나오면 되는데,

제가 이미지 4개를 가로 640으로 해서 순서대로 넣었는데 화면에 비해 크게 나오고 이미지가 딱 안 붙고 간격이 벌어져서 나옵니다.

제발 도와주세요. 난관입니다.
!DOCTYPE HTML
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
meta content=user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width,target-densitydpi=medium-dpi name=viewport /
meta name=apple-mobile-web-app-status-bar-style content=black
meta name=apple-mobile-web-app-cappable content=yes
titleShop/title
link rel=stylesheet type=text/css href=css/common.css
link rel=stylesheet type=text/css href=css/main.css
link rel=stylesheet type=text/css href=css/sub.css
/head
body

div id=wrap
div id=open
img src=images/main1.jpg alt=main
a href=sign.htmlimg src=images/main2.jpg alt=main/a
img src=images/main3.jpg alt=main
img src=images/main4.jpg alt=main
/div

/div
/body
/html이렇게 뼈대 잡았구요.

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{
margin:0;
padding:0;
}
img{
border:none;
}
a{
text-decoration:none;
color:#000;
}
#wrap{
width:100%;
margin:0px auto;
padding:0px;
-webkit-text-size-adjust:none;
-webkit-text-size-adjust:auto;
}
#open img{
width:100%;
margin:0px auto;
}

이렇게 css 구성했어요. 그런데 이미지 간에 틈이 벌어지고요. 모바일에서도 화면을 벗어나게 큽니다. 한번만 더 봐주세요.

신청하기