이전 목록 다음
채택완료

다시 질문합니다 ..반응형 모바일 이미지 삽입하기

스스피아민트
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-18 (월) 20:47:34 3,153

<style>
 #warp { width:100%; max-width:640px; background-image: url(../mobile/skin/board/basic/img/ooo.jpg); }
</style>

이렇게 적용해봣는데 안되네요

태그가 틀린건지 어디가 틀린건지 모르겟네요

어디를 수정해야 하나요 ??

그럼 수고하세요 ....

반은형이미지 모바일이미지
|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
조민
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-18 (월) 22:39:58

@스피아민트

질문글에 올린  홈주소의 스타일은 반응형이 아닌듯 싶네요..

반응형 사이트 예제: http://www.nextree.co.kr/p8622/

웹브라우저 창을 좌측으로 천천히 줄이면서 출력하는 화면에서 창이 넓혀질때 좁혀질때의 홈페이지 화면의 전체 구성이 어떻게 변하는지 참고해보세요..

저런류의 홈페이지가 반응형입니다..

아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-19 (화) 09:09:00

마찬가지...warp라는 구조가 보이지않네요..혹시 지금 현재 백그라운드를 빼고 이미지를 넣으신거라면...

css에서 백그라운드 사이즈가 없어서 그런경우일수도있습니다.

background-size:cover;background-repeat:no-repeat;background-position:center

탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-19 (화) 00:01:29

말하시는 이미지가 이건가요? http://gushopt.cafe24.com/img/404121117f9f40970b42c5d20829310c.jpg

님이 말하시는 id 가 warp인 element 가 보이지 않네요

탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-18 (월) 20:58:34

이것만 가지고는 알수있는게 없네요..

해당 페이지라도 올려주세요

답변에 대한 댓글 1개

스피아민트
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-03-18 (월) 21:07:03
http://gushopt.cafe24.com/ 입니다
조금씩 작업중이네요

모바일 반응형 헤드파일에 저렇게 소스를 올렸는 데
이미지 사이즈는 줄여서 보여집니다

근데 백그라운드로 나오는데 그냥 이미지로 넣고 싶거든요

<style>
#warp { width:100%; max-width:640px; background-image: url(http://gushopt.cafe24.com//mobile/skin/board/basic/img/ooo.jpg); }
</style>
</div>
이렇게 넣었습니다
자세히좀 가르쳐 주시면 고맙겟습니다

답변을 작성하려면 로그인이 필요합니다.