웹 페이지의 iPad 방향 문제

Question

PC 용 웹 페이지를 개발했으며 iPad 용으로도 호환되기를 바랍니다. 그러나 iPad 호환성을 위해 내 페이지에 특정 추가 사항을 수행하지 않았습니다. 메타 태그 만 추가했습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1;" /> 

iPad 가로 모드에서 사이트를 볼 때 페이지로드시 잘 보입니다. 그러나 세로 모드로 전환하면 페이지가 잘린 것처럼 보입니다. 가로 모드로 다시 전환하면 페이지가 더 잘린 것처럼 보입니다.

내 페이지 iPad 호환 가능하도록하기 위해 따라야하는 다른 방법은 무엇입니까? % 너비 등을 사용하는 것에 관한 권장 사항/모범 사례를 찾고 있습니다. 내 요소는 현재 최대 954 픽셀입니다. 반드시 iPad 호환성을 위해 % 너비를 사용해야합니까? 다른 유용한 팁이 있습니까?

Answer 1

초기 크기 = 1.0은 가로 모드에서 너비가 너무 큰 '전체 크기'를로드한다는 것을 의미합니다. 해당 메타 태그를 사용하는 경우 대개 페이지 폭을 화면의 정확한 크기와 함께 사용하는 것이 좋습니다. 당신이 아니기 때문에, 나는 그 메타 태그를 전혀 사용하지 않을 것이고, iPad의 브라우저가 페이지를 정상적으로로드하게 할 것입니다 (브라우저가 당신을 위해 그것을 화면에 맞추어 처리 할 것입니다).