WebView를 이용해서 로컬 htm 파일을 보여주는 activity를 만들고 있습니다. 이는 전체 앱의 일부이고요.. 메뉴로 선택해서 들어가는..


여러 해상도를 지원하기 위해서 css 파일을 구분해서 만들어 주고, htm 파일에서 media query를 이용하여 해당 css 파일을 이용하게 했습니다. 예를 들면 아래와 같습니다.


<LINK rel=stylesheet type=text/css href="htm_files/common_854.css" media="screen and (device-height: 854px)">

<LINK rel=stylesheet type=text/css href="htm_files/common_960.css" media="screen and (device-height: 960px)">


그리고 htm 파일에는 여러 개의 이미지가 div 태그를 이용해서 배치되었습니다. 중첩되어 있는 경우도 있고요.. 배경 이미지 위에 아이콘 이미지와 같이.. 위치는 가장 상위의 div를 position relative로 넣고 하위 div를 position absolute로 지정하였습니다.


그런데 앱을 실행시켜보면 css 적용이 되었다가 안 되었다가 하고 있습니다.


이미지들이 해당 위치에 있는 게 아니라 일렬로 표시가 된다거나, size도 css에 설정된 대로 안 나오거나 하는 경우가 생깁니다.


이런 문제에 대한 해결책을 아시는 분 도움 부탁 드립니다.




이 게시물을