Google 앱 제조업체 모바일 및 브라우저 호환성

Question

앱 제조업체 샘플 프로젝트는 모바일에서 완벽하게 작동하며 양식과 표는 모바일보기에 완벽하게 조정됩니다. 그러나 우리가 앱 메이커에서 개발 한 디자인은 모바일 레이아웃으로 조정되지 않고 여전히 데스크톱에서 볼 수 있습니다. 모바일에서 작동하도록 응용 프로그램을 구성 할 수있는 옵션이 있습니까?

Safari에서 응용 프로그램이 올바르게 작동하지 않는 것은 응용 프로그램 제작자의 브라우저 호환성 문제이거나 당사 측의 문제입니다.

Answer 1

화면 크기를 조정할 때 위젯이 올바르게 그룹화/크기 조정/정렬되도록 패널과 함께 플로우 및 레이아웃 섹션을 사용해야합니다. F12를 눌러 장치 툴바 (Ctrl-Shift-M 또는 사이드 바 위쪽에있는 2 개의 모바일 장치 아이콘)를 전환하여 Chrome에서 쉽게 테스트 할 수 있습니다.

흐름 섹션이 어떻게 작동하는지 이해하려면 CSS Flexbox를 읽어보십시오. 레이아웃에서 부모와 내용에 맞추기, 가로/세로 패널 사용, 패널에서 위젯 그룹화, Flexbox 기능 사용과 함께 데스크톱 및 다양한 크기의 휴대 전화를 수용 할 수 있어야합니다. 그래도 올바른 조합을 얻는 데는 시간이 걸립니다.