Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다. 애플은 웹페이지가 조작부 뒤 공간까지 활용할 수 있는 더 안전하고 쓰기 쉬운 방법을 검토 중이다.
게시자GPT-6 Luna로 편집GPT Image 2로 이미지 생성
연구 답변

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
아이폰 Duo의 바깥 화면에서 Safari로 웹을 보면 화면 한쪽에 브라우저 조작부가 자리 잡고, 그 뒤쪽에는 웹페이지 내용이 이어지지 않는다. Safari는 그 부분을 페이지 배경색으로 채운다. 애플은 웹사이트가 이 공간을 더 잘 쓸 수 있도록 개선 방안을 살피고 있지만, 아직 정해진 해법은 없다. 19
23
외부 화면 세로 모드의 웹페이지 뷰포트는 너비가 382 CSS 픽셀로 보고됐다. CSS 픽셀은 화면의 실제 물리적 픽셀 수가 아니라 웹페이지 레이아웃을 계산할 때 쓰는 기준 단위다. 내부 화면을 가로로 놓고 두 개의 창을 나란히 띄웠을 때 각 창의 너비가 385 CSS 픽셀이라는 자료와 비교하면, 바깥 화면 세로 모드가 더 좁은 구성이다.
이 때문에 브라우저 조작부가 차지하는 영역은 웹페이지가 쓸 수 있는 폭을 더 답답하게 느끼게 할 수 있다. 9to5Mac도 Duo 바깥 화면에서 Safari의 오른쪽 정렬 조작부가 실제로 쓸 수 있는 화면 공간을 줄인다고 짚었다.
질문에 포함된 ‘넓고 짧은 화면이라 iOS가 세로 공간을 아끼려고 조작부를 옆으로 옮겼다’는 구체적인 설계 이유는 확인 가능한 자료만으로 단정하기 어렵다. 화면 옆에 조작부가 놓이는 구성은 다른 보도에서도 언급되지만, 이를 세로 공간 확보와 직접 연결한 애플의 설명은 확인되지 않는다.
viewport-fit="cover"를 바로 켜기 어려운 까닭웹페이지가 화면 전체를 사용하도록 하는 기존 방법 가운데 하나는 viewport-fit="cover"다. 이 설정을 쓰면 콘텐츠가 원래 브라우저 조작부가 놓이는 영역까지 확장될 수 있다. 하지만 많은 기존 사이트가 그 영역을 고려해 만들어지지 않았다면, 메뉴나 글 같은 중요한 내용이 조작부 아래 가려질 수 있다. 19
반대로 화면 끝까지 이어져도 되는 장식 요소라면 공간을 활용할 여지가 있다. 예를 들어 헤더의 배경색이나 배경 이미지는 화면 너비 전체로 펼치고, 제목과 메뉴 등 꼭 보여야 하는 요소는 조작부와 겹치지 않도록 배치할 수 있다. 애플이 찾는 방향도 페이지 콘텐츠를 무작정 밑으로 밀어 넣기보다, 중요한 내용을 가리지 않으면서 웹사이트가 공간을 활용하게 하는 방법이다. 19
WebKit의 글은 새 기능을 소개하면서 Duo용 웹 경험을 더 살펴보고 있음을 보여주지만, 개발자에게 어떤 구체적인 피드백을 어떤 경로로 보내 달라고 했는지까지는 확인할 수 없다. 개선 기능의 출시 일정도 공개됐다고 볼 근거가 없다. 1
19
Safari 27.1에는 Device Posture API와 Viewport Segments API의 개발자 미리보기가 들어갔다. 각각 기기의 접힌 상태를 감지하고, 접히는 화면에서 나뉘는 화면 영역을 파악하는 데 쓰인다. 두 API는 기능 플래그 뒤에 제공되는 미리보기 단계로, 세부 사항은 바뀔 수 있다. 21
22
사용자가 Duo를 책처럼 반쯤 접은 채 웹에서 PDF를 열면 Safari는 문서를 두 페이지 나란히 보여준다. 화면을 완전히 펼치거나 기기를 닫으면 다시 한 페이지 보기로 전환된다. 1
애플은 아이폰 Duo의 예약 주문을 2026년 10월 16일 시작했고, 판매는 10월 23일부터 시작한다고 발표했다. 미국 기준 시작 가격은 1,999달러다. 다만 이 날짜만으로 전 세계 모든 Apple Store에서 같은 시점에 판매를 시작했는지까지 확인되지는 않는다.
제품 발표와 리뷰에 따르면 내부 화면은 7.6인치, 외부 화면은 5.4인치다. 애플은 외부 화면의 면적이 iPhone 18 Pro 화면 면적의 90%라고 밝혔다. 두 화면은 같은 1.4:1 화면비를 공유한다. 화면비가 같으면 비율을 유지한 채 크기를 조정하기는 쉽지만, 웹사이트나 앱이 다양한 화면 크기에 맞춰 제대로 반응한다는 뜻은 아니다. 애플도 개발자에게 화면 크기나 화면비를 고정값으로 가정하지 말라고 안내했다.
화면 크기와 실제 사용감은 같지 않을 수 있다. Wirecutter는 바깥 화면이 알림을 빠르게 확인하기에 유용하며, 대각선 길이는 더 작아도 화면 면적은 iPhone 18 Pro에 가까운 편이라고 평가했다. 한편 쿠키 안내창이나 뉴스레터 배너가 화면을 크게 차지한다는 구체적인 불만을 특정 매체에 귀속할 만한 근거는 확인되지 않는다.
Studio Global AI
이 페이지에는 Studio Global 내에서 계속할 수 있는 소스 기반 답변이 포함되어 있습니다.
Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다.
Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다. 애플은 웹페이지가 조작부 뒤 공간까지 활용할 수 있는 더 안전하고 쓰기 쉬운 방법을 검토 중이다. 다만 구체적인 해결책이나 출시 일정은 확인되지 않았다.
Safari 27.1은 기기 자세와 화면 분할 영역을 감지하는 개발자 미리보기 API를 제공하며, 기기를 책처럼 반쯤 접으면 웹 PDF를 두 쪽으로 보여준다.
Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다. 애플은 웹페이지가 조작부 뒤 공간까지 활용할 수 있는 더 안전하고 쓰기 쉬운 방법을 검토 중이다.
게시자GPT-6 Luna로 편집GPT Image 2로 이미지 생성
연구 답변

Create a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
아이폰 Duo의 바깥 화면에서 Safari로 웹을 보면 화면 한쪽에 브라우저 조작부가 자리 잡고, 그 뒤쪽에는 웹페이지 내용이 이어지지 않는다. Safari는 그 부분을 페이지 배경색으로 채운다. 애플은 웹사이트가 이 공간을 더 잘 쓸 수 있도록 개선 방안을 살피고 있지만, 아직 정해진 해법은 없다. 19
23
외부 화면 세로 모드의 웹페이지 뷰포트는 너비가 382 CSS 픽셀로 보고됐다. CSS 픽셀은 화면의 실제 물리적 픽셀 수가 아니라 웹페이지 레이아웃을 계산할 때 쓰는 기준 단위다. 내부 화면을 가로로 놓고 두 개의 창을 나란히 띄웠을 때 각 창의 너비가 385 CSS 픽셀이라는 자료와 비교하면, 바깥 화면 세로 모드가 더 좁은 구성이다.
이 때문에 브라우저 조작부가 차지하는 영역은 웹페이지가 쓸 수 있는 폭을 더 답답하게 느끼게 할 수 있다. 9to5Mac도 Duo 바깥 화면에서 Safari의 오른쪽 정렬 조작부가 실제로 쓸 수 있는 화면 공간을 줄인다고 짚었다.
질문에 포함된 ‘넓고 짧은 화면이라 iOS가 세로 공간을 아끼려고 조작부를 옆으로 옮겼다’는 구체적인 설계 이유는 확인 가능한 자료만으로 단정하기 어렵다. 화면 옆에 조작부가 놓이는 구성은 다른 보도에서도 언급되지만, 이를 세로 공간 확보와 직접 연결한 애플의 설명은 확인되지 않는다.
viewport-fit="cover"를 바로 켜기 어려운 까닭웹페이지가 화면 전체를 사용하도록 하는 기존 방법 가운데 하나는 viewport-fit="cover"다. 이 설정을 쓰면 콘텐츠가 원래 브라우저 조작부가 놓이는 영역까지 확장될 수 있다. 하지만 많은 기존 사이트가 그 영역을 고려해 만들어지지 않았다면, 메뉴나 글 같은 중요한 내용이 조작부 아래 가려질 수 있다. 19
반대로 화면 끝까지 이어져도 되는 장식 요소라면 공간을 활용할 여지가 있다. 예를 들어 헤더의 배경색이나 배경 이미지는 화면 너비 전체로 펼치고, 제목과 메뉴 등 꼭 보여야 하는 요소는 조작부와 겹치지 않도록 배치할 수 있다. 애플이 찾는 방향도 페이지 콘텐츠를 무작정 밑으로 밀어 넣기보다, 중요한 내용을 가리지 않으면서 웹사이트가 공간을 활용하게 하는 방법이다. 19
WebKit의 글은 새 기능을 소개하면서 Duo용 웹 경험을 더 살펴보고 있음을 보여주지만, 개발자에게 어떤 구체적인 피드백을 어떤 경로로 보내 달라고 했는지까지는 확인할 수 없다. 개선 기능의 출시 일정도 공개됐다고 볼 근거가 없다. 1
19
Safari 27.1에는 Device Posture API와 Viewport Segments API의 개발자 미리보기가 들어갔다. 각각 기기의 접힌 상태를 감지하고, 접히는 화면에서 나뉘는 화면 영역을 파악하는 데 쓰인다. 두 API는 기능 플래그 뒤에 제공되는 미리보기 단계로, 세부 사항은 바뀔 수 있다. 21
22
사용자가 Duo를 책처럼 반쯤 접은 채 웹에서 PDF를 열면 Safari는 문서를 두 페이지 나란히 보여준다. 화면을 완전히 펼치거나 기기를 닫으면 다시 한 페이지 보기로 전환된다. 1
애플은 아이폰 Duo의 예약 주문을 2026년 10월 16일 시작했고, 판매는 10월 23일부터 시작한다고 발표했다. 미국 기준 시작 가격은 1,999달러다. 다만 이 날짜만으로 전 세계 모든 Apple Store에서 같은 시점에 판매를 시작했는지까지 확인되지는 않는다.
제품 발표와 리뷰에 따르면 내부 화면은 7.6인치, 외부 화면은 5.4인치다. 애플은 외부 화면의 면적이 iPhone 18 Pro 화면 면적의 90%라고 밝혔다. 두 화면은 같은 1.4:1 화면비를 공유한다. 화면비가 같으면 비율을 유지한 채 크기를 조정하기는 쉽지만, 웹사이트나 앱이 다양한 화면 크기에 맞춰 제대로 반응한다는 뜻은 아니다. 애플도 개발자에게 화면 크기나 화면비를 고정값으로 가정하지 말라고 안내했다.
화면 크기와 실제 사용감은 같지 않을 수 있다. Wirecutter는 바깥 화면이 알림을 빠르게 확인하기에 유용하며, 대각선 길이는 더 작아도 화면 면적은 iPhone 18 Pro에 가까운 편이라고 평가했다. 한편 쿠키 안내창이나 뉴스레터 배너가 화면을 크게 차지한다는 구체적인 불만을 특정 매체에 귀속할 만한 근거는 확인되지 않는다.
Studio Global AI
이 페이지에는 Studio Global 내에서 계속할 수 있는 소스 기반 답변이 포함되어 있습니다.
Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다.
Safari는 아이폰 Duo 바깥 화면에서 조작부 뒤쪽에 웹 콘텐츠를 표시하지 않고, 페이지 배경색으로 채운다. 세로 방향 뷰포트 너비는 382 CSS 픽셀로 보고됐다. 애플은 웹페이지가 조작부 뒤 공간까지 활용할 수 있는 더 안전하고 쓰기 쉬운 방법을 검토 중이다. 다만 구체적인 해결책이나 출시 일정은 확인되지 않았다.
Safari 27.1은 기기 자세와 화면 분할 영역을 감지하는 개발자 미리보기 API를 제공하며, 기기를 책처럼 반쯤 접으면 웹 PDF를 두 쪽으로 보여준다.