모바일 사파리에서 전체 페이지 3행 CSS-Flex 레이아웃을 갖는 것이 불가능합니까?

Question

샘플 코드: https://jsfiddle.net/Lsfvotd2/2/는 내 바닥글을 완전히 덮는 부동 도구 모음 문제를 해결하지 못하는 것 같습니다. 스크롤을 시작하면 도구 모음이 사라져야 합니다. 하지만 페이지가 스크롤되지 않으면 어떻게 될까요? 결코 사라지지 않습니다. 나는 모든 곳을 검색했지만 작동하는 해결책을 찾을 수 없습니다. 2023년부터 새로운 답변이 있나요? 아니면 Safari에 존재하는 안티 패턴인가요? 나는 합리적인 브라우저에서 디자인을 깨뜨릴 수 있는 패딩을 추가하고 싶지 않습니다. <헤더>헤데

P粉478835592 · Answer

문제를 재현할 수 없습니다. 귀하의 코드 를 이 페이지 에 넣고 모바일 Safari에서 테스트했습니다. 바닥글이 보이고 도구 모음이 표시되고 숨길 수 있습니다(스크롤하지 않고 도구 모음을 숨기려면 도구 모음 왼쪽에 있는 AA 버튼을 누르고 도구 모음 숨기기를 선택하세요).