새 아이패드 프로의 모바일 페이지가 최악이면

참고:⚠️기술적인 내용을 기대하지 마세요.또 첫 기고라 읽기가 어려웠다.용서해 주세요.

새 아이패드 프로 발표!!

일본시간으로 2018년 10월 30일 23:00, 뉴욕에서 열린 애플 행사에서 새로운 아이패드 프로가 발표되었습니다!
기대했던 대로 새로운 애플 펜실(Face ID)과 자력으로 붙인다.모든 것이 훌륭해서 빨리 사고 싶어요.

애플 홈페이지에서 자세한 내용을 확인하세요!

그렇게 생각하고 날아갔어애플의 아이패드 프로 페이지.아이폰이지.
(이후 아이폰의 사파리에서 열람하는 것을 전제로 대화한다)
처음 뵙겠습니다!!
나는 흥분해서 페이지를 굴렸다.그리고 난
아!이런 곳에 재생 버튼이 있어요!!
콘서트에서 발표회를 봤기 때문에 PV는 이미 봤지만 이쪽에 일본어 자막이 있어서 다시 보기로 했다.
가로화면, 재생 버튼을 눌러!

어?

어떻게 된 거야?아이폰이 가로로 놓여 있을 때 사파리가 페이지를 다시 불러오기 시작했잖아!!
페이지가 붕괴되었습니까?
처음엔 그렇게 생각했어.하지만 다음 순간!그곳은 완전히 다른 경치가 펼쳐졌다
이게 뭐야?!그리고 세로로 굴러갈 수 없어요!!

무슨 일이 생겼어요?

화면 방향 변경

브라우저의 가로 크기 변경

JavaScript로 테스트

가로 화면을 위한 페이지 재구성

급하게 썼기 때문에 코드를 제대로 조사하거나 읽은 적이 없는데 아마 그게 맞을 거예요.
다시 불러온 URL, HTML 파일은 모두 같기 때문에 다른 페이지로 날아가는 것이 아닙니다.

이게 뭐가 제일 나빠요?

화면의 방향과 사이즈에 따라 디스플레이 내용과 방법을 바꾸는 것은 모바일 기기의 페이지를 대상으로 하는 효과적인 수단이라고 할 수 있다.
그렇지만
나는 이 페이지에 다음과 같은 문제가 있다고 생각한다.

재부팅을 동반하여 전환합니다.

가로 스크롤

원래는

라고 생각했지만 세로 스크롤도 존재했다

전환할 때 다시 불러오기

PC 버전과 모바일 버전이 각각 다른 페이지를 준비했다면 전혀 문제가 없지만 이 페이지는 그렇지 않다.
무거운 짐을 실어 사용자를 오래 기다리게 함으로써 체험을 악화시키는 기초 위에서 서버, 회선, 설비에 여분의 부담을 주었다.
그리고 이 리셋은 위에서 말한 애니메이션 재생에서도 강제로 작동하기 때문에 점점 적합하지 않다...

가로구르다

화면 캡처의 오른쪽에 '교환' 이 있습니다.
가로로 들었으니 가로로 굴려라!이런 창조적인 생각은 볼 수 있지만 실제로는 그렇게 좋은 것이 아니다.아주 못생겼는데,
게다가 이 페이지의 가로 스크롤이 왠지 무거워 혼비백산하다."아이폰6s Plus 사용해서 무겁나요?"그렇지만
추기
아이폰X에서도 같은 댓글이 달렸다.역시 성능과는 상관이 없군요.

의외로 수직으로 굴러가다

관련 비디오

이렇게 괴롭힘을 당하고 결국 배신을 당했다.
뜻밖에도 이 페이지의 마지막 부분은 분명히 휩쓸었는데, 또 수직으로 굴러가기 시작했다!!수직으로 지워져도 스크롤되지 않음

총결산

뭘 하고 싶은지 모르는 페이지가 된 것 같아.(세로로 들면 평소처럼 최고인데...)
위에 있는 이미지를 가로로 아이패드 프로로 바꾸고 CSS의 미디어 조회로 판면 디자인을 조금만 하면 좋을 것 같아요.