반응형
|
스마트폰에서 웹화면 만들기 - 스크롤 없애기 |
|
개발환경 : JDK 1.6, Android API 2.2, window XP |
스마트폰에서 개발한 웹사이트를 보게 되면 페이지가 커서 화면을
벗어난다. 그래서 스크롤이 생기고 보기도 불편하다. 태그에 width 값을
% 로 준다고 해도 화면에 꽉찬 형태로 나타나지 않는다.
스크롤이 생기지 않고 화면에 맞게 출력할려면 어떻게 해야할까?
DOCTYPE 과 메타태그로 여러 브라우저에서 공통적으로 화면사이즈에 맞게 출력할수 있다.
XHTML Mobile 로 지정해주는것이다<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
"http://www.wapforum.org/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
아래 그림은 스크롤 없이 화면크기에 맞게 들어간 모습이다.
WebView 로 작업하게 되면 작업 생산성이 높으며 웹디자인된 소스를 웹화면과
스마트폰에서 공통적으로 사용할수 있어서 재사용성이 높다. 그리고 까다로운
스마트폰 레이아웃 디자인을 하지 않아도 되어서 앞으로 많이 애용할것 같다
반응형
'안드로이드 개발' 카테고리의 다른 글
| 안드로이드 이미지 회전과 축소 기능 구현 (2) | 2011.03.31 |
|---|---|
| 안드로이드 프로그램 종료 하기 (1) | 2011.03.27 |
| 윈도우에서 안드로이드 풀소스 Git 로 받기 (0) | 2011.01.11 |
| Android(안드로이드)의 WebView 구현시 화면에 ProgressDialog로 로딩화면 구현하기 (1) | 2010.12.27 |
| android 특정 위치에 위젯 클릭시 색상 변환 (0) | 2010.12.03 |
| 안드로이드(android) 다이얼로그에 들어가는 text 폰트 조정 방법 (0) | 2010.11.10 |
| Android(안드로이드) 에서 dialog 내용 폰트 변경하기 (1) | 2010.11.06 |
| 안드로이드 마켓 배포를 위한 인증서 만들기 (1) | 2010.10.19 |
