수다닷컴

안녕하세요 twoshlove 입니다 ( __)
다름이 아니라 기존에는 제가 하이브리드앱 작업을 할 때
풀사이징 웹뷰방식으로 작업을 했는데
이번엔 그냥 일정 부분만 웹뷰로 보여지는 앱 프로젝트를 하고 있습니다.
기존 풀사이징 작업을 할 때는
상단에 버튼이 4개 있다면
마진과 버튼4개의 넓이를 전부 %로 맞췄었는데
단점은 화면의 넓이에 따라 여백이 고정되지 않았습니다. (%이므로..)
근데 이번 프로젝트는 앱 화면 중간에 웹뷰가 들어가는 방식이라
양 사이드에 6px씩 고정적인 여백이 필요해서
window.width()로 전체 넓이를 가져와서
버튼들 고정여백 + 양사이드 여백을 뺀고 남은 값을 버튼의 갯수만큼 나눠서
구현을 했습니다.
여기서 질문이 있습니다.
모바일에서 window.width()를 하면 해당 단말기의 화면넓이를 가져오는것일까요
아니면 웹뷰의 넓이를 가져오는것일까요..
단순히 pc로 생각하면 모니터 넓이를 가져오는게 아니라 브라우저창의 넓이를 가져오는것이니까
저는 솔직히 웹뷰의 넓이를 가져올것이라 생각했습니다.
아이폰개발자분이 320px 화면에 넓이 308px 웹뷰를 넣고 (좌우 여백 6px씩을 뺀)
제가 코딩한 페이지를 연결시켰더니 가로 스크롤이 뜬다고 하더라구요
그러면서 window.width()는 308px이 아닌 320px을 가져올거라 하셨습니다.
좌우 6px씩의 여백은 계속 동일하기에
window.width()에서 12를 빼는 형식으로 방법을 제시하였는데 아직 그걸 적용안해보고 있는것같고..( __)
근데 오늘 안드로이드쪽에 페이지를 맞춰주면서
12를 빼서 줬더니 웹뷰안에 뜨는 페이지가 12px정도를 못채우고 랜더링 되더라구요
그래서 -12를 지우고 다시 window.width()로 적용시켰더니 꽉 차네요.
window.width()는 단말기의 넓이를 가져오는것일까요 불려지는 웹뷰의 넓이를 가져오는것일까요 ?

신청하기