이번에 플렉스 반응형 사이트는 강의를 들으면서 선생님 강의를 따라 사이트를 만들지 않고 제 나름대로 응용해서 사이트를 하나 만들어 보았습니다.
PC버전을 먼저 만들고, 모바일 버전을 만드는데서 부터 버벅 거리기 시작해서 모바일 버전 만드는데만 이틀이 걸렸습니다.
그 중에서 구글 지도 가져오는 부분이 있었는데요.
선생님 강의에 보면 구글 지도를 가져와서 iframe에서 사이즈 적용하시길래 저도 그렇게 해 보았습니다.
그렇게 하니까 PC버전에서는 문제가 없었습니다만 모바일 버전으로 가니까 이거 또 버벅버벅 ㅜㅜ
가만 생각해 보니까 지도 바깥 div가 있으니까 그 div에 사이즈를 정하고 지도에서는 가로세로 픽셀로 정하지 않고 그냥 100%로 적어주니까 간단히 해결이 되었습니다.
PC버전을 먼저 만들고, 모바일 버전을 만드는데서 부터 버벅 거리기 시작해서 모바일 버전 만드는데만 이틀이 걸렸습니다.
그 중에서 구글 지도 가져오는 부분이 있었는데요.
선생님 강의에 보면 구글 지도를 가져와서 iframe에서 사이즈 적용하시길래 저도 그렇게 해 보았습니다.
그렇게 하니까 PC버전에서는 문제가 없었습니다만 모바일 버전으로 가니까 이거 또 버벅버벅 ㅜㅜ
가만 생각해 보니까 지도 바깥 div가 있으니까 그 div에 사이즈를 정하고 지도에서는 가로세로 픽셀로 정하지 않고 그냥 100%로 적어주니까 간단히 해결이 되었습니다.
다른분들께도 도움이 되었으면 합니다.
제가 응용해서 만들어본 사이트는 이겁니다.
제가 응용해서 만들어본 사이트는 이겁니다.
http://sansok.dothome.co.kr/paperdream/index.html
응용해서 만드신 웹사이트 깔끔하게 잘 만드셨네요~!!
답글