모바일 페이지 코딩 도움 부탁드립니다.
머즌일
2023.04.01
지금 모바일 페이지 코딩을 해보고 있는데 아무것도 모르겠습니다.
여기저기 검색해서 meta태그 추가하고
사이즈 100%로 잡고 하고 있는데
아이폰에서 확인했을ㅤㄸㅒㅤ 이미지가 흘러 넘녀서 옆으로 다 삐져나가 있고 장난이 아니네요...
어려운 페이지는 아니고 이미지로만 이루어져 있는데 기본틀잡기가 너무 힘듭니다..
메뉴부분이 그냥 li만 써서 bg 100%로 하면 width에 %를 주면 잘 되는데
메뉴가 이미지로 이루어져서 어찌 잡아야 할지도 모르겠습니다...
position으로 대충 위치 잡아보긴 했지만....컹;;; 아닌거 같은데...레이아웃 잡는 부분에서 조언 부탁드립니다.소스는 아래 url에 있습니다.
http://sonboz.cafe24.com/test.html
-
시나브로
말씀주신 img를 100%로 초기화값주고
li에 width: xx%를 주니깐 아이폰에 딱맞게 들어오네요ㅎㅎ;; -
핫파랑
헛 이미지에 100%를 주니깐 사이즈에 맞게 잘 줄어드네요..워... 이런 신기한일이..
근데 모바일에서는 화면이 꽉 차야 하는데
왜 꽉차지 않을까요?^^;; -
송아리
이미지에도 width:100%;값을 줘보세요.