수다닷컴

!DOCTYPE HTML
html
head
title***/title
meta http-equiv=Content-Type content=text/html; charset=euc-kr
meta name=viewport content=width=320, initial-scale=0.5, minimum-scale=0.5, maximum-scale=1.0, user-scalable=1/
/head

body
divimg src=../img/main_img.jpg/div
/body
/html
--------------------------------------------------------------------------------------------------------
전체적으로 이미지를640에 맞춰 크게 제작 하고, viewport에서 0.5로 줄여서 만들 계획이었습니다.
이미지 크기 -width:640 height:510
body,div 태그 - margin:0 padding:0
--------------------------------------------------------------------------------------------------------
문제점)
아이폰에서 meta name=viewport content=width=320, minimum-scale=0.5, maximum-scale=1.0, user-scalable=1/로 했더니 가로,세로 둘다 화면에 꽉 차게 잘 나오더라구요.
근데 안드로이드폰에서는 아이폰이랑 같게 했더니, 처음부터 2배로 보여서 저렇게 바꿔논겁니다.
저렇게 바꿔놓으니 세로일땐 잘보이는데, 가로일때 절반으루 보이구요. ㅜㅜ
비율은 잘 맞습니다. 크기가 세로일때2배거나, 가로일때 절반이거나 해서 글쵸.
--------------------------------------------------------------------------------------------------------
질문)
1. 어떻게 해야 안드로이드 가로,세로 모두에서 화면에 꽉 차게 나올까요?
2. 네이버나 다음보니까
meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, /이렇게 다 1.0으로 해놨던데요.이럴경우 이미지위주로 작업한 모바일웹은 320px로 작업하면 아이폰4g에서 해상도가 떨어지는건 어떻게 커버하나요?3. 640이미지를 width=320으로잡은다음에 이미지맵을 걸면 가로모드에서 동작을 또 안하던데요.. 이럴경우에는 어떻게 해줘야 하는건가요?--------------------------------------------------------------------------------------------------------
강제로 이미지 width=100%로, background에서 50%.. 제발.. 이런말은 말아주세요~ (소스가 설마 저걸로끝? ^^)아래글에 어떤분이 다른 방법으로는 viewport에 있는 모든 수치를 0.5로 한다고... 했는데 안됩니다..답변해주시는 분 복받으실꺼예요~--------------------------------------------------------------------------------------------------------

신청하기