묻고답하기
지도컴포넌트 가로값을 100%로 하고싶습니다...
2015.04.01 07:59
반응형 레이아웃이라 모바일에서 가로값이 너무커서 레이아웃이 깨집니다 ㅜㅜ
어떤부분을 어떻게 고쳐야할지 감이 안잡히네요 ㅜㅜ 도와주세요
댓글 6
-
키스미베이베
2015.04.01 13:10
흐음 네 ㅜㅜ 저도 구글링해서 이 꼼수는 아는데 이걸 이용자들한테 시킬순 없잖습니까 ㅜㅜ 컴포넌트 자체를 고쳐야하는데 php를 하나도 모르니 답답하네요 ㅠㅜ
-
키스미베이베
2015.04.01 13:17
<img src="https://maps-api-ssl.google.com/maps/api/staticmap?center=37.56996891130874,126.97998706616156&zoom=15&size=600x400&sensor=false" editor_component="map_components" alt="Tzo4OiJzdGRDbGFzcyI6NTp7czoxMDoibWFwX2NlbnRlciI7czozNjoiMzcuNTY5OTY4OTExMzA4NzQsMTI2Ljk3OTk4NzA2NjE2MTU2IjtzOjU6IndpZHRoIjtzOjM6IjYwMCI7czo2OiJoZWlnaHQiO3M6MzoiNDAwIjtzOjExOiJtYXBfbWFya2VycyI7czowOiIiO3M6ODoibWFwX3pvb20iO3M6MjoiMTUiO30=" style="border:2px dotted #FF0033; no-repeat center;width: 600px; height: 400px;" />
지도를 넣으면 이런식으로 나오는데 style값을 100%로 맞춰도 안되네요
아마 저안에 size=600x400 을 고쳐야되는거같은데 퍼센트로 바꾸는 방법을 모르겠네요
-
닉네임설정한시간째
2015.06.17 20:50
저도 이 문제 때문에 골머리를 앓다가 결국은 자료실에 있는 지도모듈과 지도위젯으로 해결 했네요... 혹시나 도움이 될 수 있을까 싶어 주제 넘게..... ^^
-
키스미베이베
2015.06.17 21:38
그 두개 조합을 컴퍼넌트로 쓰는거에요???
-
한꼬마
2015.06.18 20:21
css에 @media로 처리하면 간단하게 크기를 스크린에 맞춰서 가능해요.
꽁수인데
일단 이미지를 감싸는 div를 만든 다음
해당 이미지는(일정 비율을 가지고 있는) 넓이 100%로 설정합니다.
이 상황이면 이미지를 감싸는 div는 브라우져 넓이에 따라 일정한 비율을 유지하며 커졌다 작아졌다 할겁니다.
그 다음 해당 div 안에 지도를 불러오는 부분을 absolute 처리해서 넓이와 높이를 100% 처리하면 되지 않을까 싶습니다.
테스트 해본건 아니고... 이러면 안될까 하는 생각이 들어서....