앱개발시 풀스크린, 전체화면이 적용되지 않는 것에 대해서 질문드립니다

By 주영 jeon

26 May 2016 22:43 Korean 3 Replies

안녕하세요

여러 오픈 소스를 참조하여 예제 앱을 만들어 보고잇는데

전체화면이 적용되지않고 실행화면 아래부분에 (화면 1/3부분) 검은색 부분이 생겨서

해결이 되지않아 질문드립니다.

전체 실행창도 위로 올라가잇는 상태입니다.

현재 index.html 소스 코드부분중에

참조한 오픈소스가 아마 요렇게 구성되어잇어 적용이 되지않는것 같은데

어떻게 수정을 통해 전체화면이 실행될수 있을까요?

Responses

3 Replies

Nafisul Islam Kiron

03 Jun 2016 04:39

Hello,

<meta name="apple-mobile-web-app-capable" content="yes"> is a Apple specific meta tag. I tested and it did not work in Tizen.

To make application full screen you can use:

<meta name="viewport" content="width=device-width, initial-scale=1">

For more detail:

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/set-the-viewport?hl=en

Nafisul Islam Kiron

05 Jun 2016 21:33

Hi, another option to make app full screen is by changing "View Modes" in config.xml.

Open config.xml > Widget > Managing the Widget UI > View Modes > maximized

Nafisul Islam Kiron

05 Jun 2016 21:35

Sorry, made a little mistake, here you go.

Open config.xml > Widget > Managing the Widget UI > View Modes > fullscreen