동해둘리의 IT Study

모바일크롬 전체화면으로 만들기 PC용 크롬에서는 F11키를 누르면 바로 전체화면이 가능하지만, 모바일 크롬에서는 F11키가 지원되지 않기 때문에 웹사이트를 볼때 위 아래에 주소창, 상태바 등이 떠서 화면을 좁게 만듭니다 지난번에 포스팅한 것처럼 DIV 로 감싼 부분을 전체화면으로 하는 방식이 있습니다만, 이 방법으로는 해결이 안되는 상황이 발생하기도 합니다. https://doolyit.tistory.com/152 모바일 화면크기 전체화면으로 변경하기, 주소표시줄 없이 완전 전체화면 jquery/ javascript 이용 / 모바일 브라우저에서 HTML 문서를 로딩하게되면 아래와 같이 상단부분에 주소표시줄이 계속 남이있는 경우가 많습니다. 화면을 스크롤해서 올려봐도 스마트폰 최 상단의 상태바는 없어지지 ..

카테고리 없음 2021. 6. 28. 14:02

모바일 브라우저에서 HTML 문서를 로딩하게되면 아래와 같이 상단부분에 주소표시줄이 계속 남이있는 경우가 많습니다. 화면을 스크롤해서 올려봐도 스마트폰 최 상단의 상태바는 없어지지 않는 경우가 많습니다 게임을 하거나 동영상을 플레이하거나, 인강등의 교육컨텐츠 등을 보여줄때는 전체화면을 다 사용해야 가독성에서도 그렇고 인터페이스 측면에서도 더 좋은 효과를 얻을 수 있습니다. jquery 와 javascript/CSS 등을 이용하면 모바일 전체화면을 다 사용할 수 있습니다 최초에 페이지에 접속을 하면 아래와 같이 보여지게 됩니다. 이 상태에서 스마트폰을 가로로 회전을 시키면 아래와 같이 보여지게 됩니다. 세로모드 또는 가로모드에서 [가로모드로 고정하기] 버튼을 클릭하게 되면 아래와 같이 화면을 100% 꽉 ..

IT공부방/jQuery, ajax, java 2019. 5. 29. 08:10