Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26] 直接使用 viewport fit="cover" 可能讓重要內容被控制列遮住。蘋果正研究更穩妥的做法,但尚未定案,也未公布推出時程。[19][23] iPhone Duo 半摺成書本狀態時,Safari 會將網頁 PDF 改為並排雙頁;Device Posture 與 Viewport Segments API 則仍是開發者預覽功能。[1][21]
發布者使用 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
Safari 27.1 隨 iPhone Duo 上市,帶來一項容易被摺疊螢幕規格搶走焦點的問題:手機闔上時,Safari 的側邊控制列占去部分外螢幕空間,網頁可用版面顯得侷促。蘋果 WebKit 團隊表示,正研究讓網站更善用控制列後方的區域,但目前還沒有定案。19
iPhone Duo 外螢幕採用較寬、較矮的比例,闔上手機時,iOS 會把 Safari 控制項放在螢幕側邊。現有版面下,Safari 不會在控制列後方繪製網頁內容,而是將網頁背景色延伸到那一帶。 這讓網頁可用空間受到限制:外螢幕直向瀏覽視窗寬度為 382 CSS 像素;作為比較,內螢幕橫向並排兩個視窗時,每個視窗寬 385 CSS 像素。
這種處理方式不代表那塊區域完全沒有顏色,而是網頁本身的內容不會延伸進去。因此,像全寬頁首背景這類視覺元素,也可能無法鋪滿螢幕邊緣。
一種現成選項是網頁設定 viewport-fit="cover",可讓頁面延伸至原本保留給系統介面的區域。不過,若網站沒有針對這種顯示方式調整版面,文字、按鈕等重要內容可能落在 Safari 控制列下方,造成遮擋。19
相較之下,設計者可以把額外空間用於裝飾性內容,例如讓頁首背景色或背景圖延伸至全寬,同時將文字和互動按鈕留在控制列不會遮住的位置。 蘋果正在尋找更穩妥、也更容易使用的替代方案;現有資訊未說明它邀請開發者提供哪些具體回饋,也沒有公布改善功能的推出日期。19
23
9to5Mac 評測指出,外螢幕上的 Safari 使用起來尤其不順手,網頁並未針對這種外螢幕形態做好最佳化;右側控制項也會壓縮可用空間。 Wirecutter 則認為,雖然外螢幕只有 5.4 吋,但實際螢幕面積接近 iPhone 18 Pro,主要差異在於外螢幕形狀較矮寬。
目前可查到的來源不足以確認「Cookie 彈出視窗或電子報橫幅占滿頁面」是否是這幾家評測共同提出的問題,也不足以把這類批評分別歸給 9to5Mac、The Verge 或 Wirecutter。外螢幕與 Max 系列機種的具體比較,以及未最佳化 App 的相關抱怨,也不宜在缺乏明確佐證下歸於這些媒體。
Safari 27.1 為開發者提供兩項以摺疊裝置為考量的預覽功能:Device Posture API 用來辨識裝置的姿態,Viewport Segments API 則可識別螢幕分割區段。兩者目前都需透過功能旗標啟用,仍屬開發者預覽,未來可能改變。21
22
對使用者而言,較直接的改變是 PDF 閱讀:iPhone Duo 半摺成書本狀態、並在 Safari 瀏覽網頁 PDF 時,瀏覽器會自動並排顯示兩頁;將手機完全攤平或闔上後,則切回單頁顯示。1
蘋果宣布 iPhone Duo 於 2026 年 10 月 23 日開賣,並在 10 月 16 日開放預購;美國起售價為 1,999 美元。 蘋果公布的規格為內螢幕 7.6 吋、外螢幕 5.4 吋,外螢幕面積約為 iPhone 18 Pro 的 90%。 目前資料可確認的上市日期是上述日期,但不足以據此推定全球各地 Apple Store 的確切鋪貨安排。
內外螢幕採用相同的 1.4:1 長寬比。 相同比例在幾何上表示內容放大或縮小時,形狀可以維持一致;但這不保證網站版面或 App 已針對不同顯示狀態做好調整。蘋果也提醒開發者,不要假設裝置只有固定的螢幕尺寸或長寬比。
Studio Global AI
這個頁面包含附來源佐證的答案,你可以在 Studio Global 內繼續追問。
Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26]
Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26] 直接使用 viewport fit="cover" 可能讓重要內容被控制列遮住。蘋果正研究更穩妥的做法,但尚未定案,也未公布推出時程。[19][23]
iPhone Duo 半摺成書本狀態時,Safari 會將網頁 PDF 改為並排雙頁;Device Posture 與 Viewport Segments API 則仍是開發者預覽功能。[1][21]
Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26] 直接使用 viewport fit="cover" 可能讓重要內容被控制列遮住。蘋果正研究更穩妥的做法,但尚未定案,也未公布推出時程。[19][23] iPhone Duo 半摺成書本狀態時,Safari 會將網頁 PDF 改為並排雙頁;Device Posture 與 Viewport Segments API 則仍是開發者預覽功能。[1][21]
發布者使用 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
Safari 27.1 隨 iPhone Duo 上市,帶來一項容易被摺疊螢幕規格搶走焦點的問題:手機闔上時,Safari 的側邊控制列占去部分外螢幕空間,網頁可用版面顯得侷促。蘋果 WebKit 團隊表示,正研究讓網站更善用控制列後方的區域,但目前還沒有定案。19
iPhone Duo 外螢幕採用較寬、較矮的比例,闔上手機時,iOS 會把 Safari 控制項放在螢幕側邊。現有版面下,Safari 不會在控制列後方繪製網頁內容,而是將網頁背景色延伸到那一帶。 這讓網頁可用空間受到限制:外螢幕直向瀏覽視窗寬度為 382 CSS 像素;作為比較,內螢幕橫向並排兩個視窗時,每個視窗寬 385 CSS 像素。
這種處理方式不代表那塊區域完全沒有顏色,而是網頁本身的內容不會延伸進去。因此,像全寬頁首背景這類視覺元素,也可能無法鋪滿螢幕邊緣。
一種現成選項是網頁設定 viewport-fit="cover",可讓頁面延伸至原本保留給系統介面的區域。不過,若網站沒有針對這種顯示方式調整版面,文字、按鈕等重要內容可能落在 Safari 控制列下方,造成遮擋。19
相較之下,設計者可以把額外空間用於裝飾性內容,例如讓頁首背景色或背景圖延伸至全寬,同時將文字和互動按鈕留在控制列不會遮住的位置。 蘋果正在尋找更穩妥、也更容易使用的替代方案;現有資訊未說明它邀請開發者提供哪些具體回饋,也沒有公布改善功能的推出日期。19
23
9to5Mac 評測指出,外螢幕上的 Safari 使用起來尤其不順手,網頁並未針對這種外螢幕形態做好最佳化;右側控制項也會壓縮可用空間。 Wirecutter 則認為,雖然外螢幕只有 5.4 吋,但實際螢幕面積接近 iPhone 18 Pro,主要差異在於外螢幕形狀較矮寬。
目前可查到的來源不足以確認「Cookie 彈出視窗或電子報橫幅占滿頁面」是否是這幾家評測共同提出的問題,也不足以把這類批評分別歸給 9to5Mac、The Verge 或 Wirecutter。外螢幕與 Max 系列機種的具體比較,以及未最佳化 App 的相關抱怨,也不宜在缺乏明確佐證下歸於這些媒體。
Safari 27.1 為開發者提供兩項以摺疊裝置為考量的預覽功能:Device Posture API 用來辨識裝置的姿態,Viewport Segments API 則可識別螢幕分割區段。兩者目前都需透過功能旗標啟用,仍屬開發者預覽,未來可能改變。21
22
對使用者而言,較直接的改變是 PDF 閱讀:iPhone Duo 半摺成書本狀態、並在 Safari 瀏覽網頁 PDF 時,瀏覽器會自動並排顯示兩頁;將手機完全攤平或闔上後,則切回單頁顯示。1
蘋果宣布 iPhone Duo 於 2026 年 10 月 23 日開賣,並在 10 月 16 日開放預購;美國起售價為 1,999 美元。 蘋果公布的規格為內螢幕 7.6 吋、外螢幕 5.4 吋,外螢幕面積約為 iPhone 18 Pro 的 90%。 目前資料可確認的上市日期是上述日期,但不足以據此推定全球各地 Apple Store 的確切鋪貨安排。
內外螢幕採用相同的 1.4:1 長寬比。 相同比例在幾何上表示內容放大或縮小時,形狀可以維持一致;但這不保證網站版面或 App 已針對不同顯示狀態做好調整。蘋果也提醒開發者,不要假設裝置只有固定的螢幕尺寸或長寬比。
Studio Global AI
這個頁面包含附來源佐證的答案,你可以在 Studio Global 內繼續追問。
Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26]
Safari 27.1 的外螢幕直向瀏覽區寬 382 CSS 像素;側邊控制列後方目前只延伸網頁背景色,不顯示網頁內容。[24][26] 直接使用 viewport fit="cover" 可能讓重要內容被控制列遮住。蘋果正研究更穩妥的做法,但尚未定案,也未公布推出時程。[19][23]
iPhone Duo 半摺成書本狀態時,Safari 會將網頁 PDF 改為並排雙頁;Device Posture 與 Viewport Segments API 則仍是開發者預覽功能。[1][21]