iPhone 전체 화면 이미지

문제

iPhone에서 페이지 전체 화면 이미지 나 섹션을 만드는 방법은 무엇입니까?

480 x 320 인 이미지가 있고 iPhone에서 전체 화면을 끌어 올리려고하지만 이미지를 이전 페이지로 다시 링크 할 수 있도록 웹 페이지 내에 있어야합니다.

현재 빈 페이지에 이미지를 떨어 뜨리고 iPhone에서 이미지를 열면 왼쪽 상단에 나타납니다.

해결책

Safari가 페이지를 올바른 크기로 렌더링하는 것을 알고 있으므로 뷰포트 메타 태그를 빈 페이지에 설정하고 싶습니다. 자세한 내용은이 링크를 참조하십시오.

다른 팁

잘만되면 나는 여기 NDA를 위반하지 않지만 여기에 간다.

기본적으로 Mobile Safari는 마치 해당 페이지가 데스크탑 브라우저에서 980 픽셀 인 것처럼 보이는 것처럼 페이지를 렌더링합니다.

이 동작을 변경하려면 메타 태그를 통해 수행하는 뷰포트를 명시 적으로 선언해야합니다. 너비를 상수로 선언하면 장치 범위, 그것은 980 대신 320으로 기본적으로 기본적이며 모든 것이 멋지게 보입니다.

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

더 도움이 될 수있는 멋진 링크 :

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow