javascript - 모바일 게임 개발 페이지 전체 화면 표시 문제

Question

디자인 도면에 제시된 크기는 640*1136입니다. 렘 적응 후 일부 높이가 작은 휴대폰에서는 모든 콘텐츠를 표시할 수 없으며 게임에서 스크롤 막대를 사용할 수 없습니다. 감사합니다

Answer 1

이 프로젝트의 방법은 https://wa.qq.com/xplan/earth...를 참조하세요.
이 프로젝트에는 지구, 궤도, 작은 바늘 등을 표시하는 고정된 영역이 있습니다. 이를 보장하는 방법 크기가 다릅니다. 상대 위치가 동일합니까?

그의 방법은 고정된 크기 영역(375 * 600)에 레이아웃을 지정한 다음 이 고정된 영역을 화면 크기에 따라 화면에 정확히 포함되도록 조정하는 것입니다.

귀하의 게임에서도 이 방법을 사용할 수 있을 것 같습니다.

아래 그림은 다양한 크기에서 고유한 비율을 보장하는 영역의 예입니다.

사실 이런 프로젝트를 디자인할 때 비율을 너무 좁게 설정할 수는 없습니다. 아이폰5의 비율에 맞춰 비율을 설정하면 아이폰5보다 길거나 넓은 다른 기기에서 표시하는 데 문제가 생길 수 있습니다. 위의 방법을 사용하더라도) 영역 밖의 부분도 색상이나 배경으로 채워야 합니다.

전에 본 예에서는 이 디자인 도면이 기본적으로 정사각형이므로 크기가 다른 장치에서 다르게 표시될 수 있지만 핵심 영역은 표시될 수 있습니다.

Answer 2

오버플로한 다음 렌즈에 따라 장면의 위치를 ​​조정하세요