Tóm tắt nhanh
- Apple đang nghiên cứu cách mở rộng nội dung web vào vùng phía sau các nút điều khiển trên màn hình ngoài iPhone Duo.
- Safari 27.1 hiện dành riêng vùng này cho giao diện hệ thống, thay vì để nút bấm che nội dung trang.
- Giải pháp dùng viewport-fit=cover có sẵn vẫn phụ thuộc vào việc website xử lý khoảng cách an toàn ở các cạnh.
- Apple chưa công bố thời điểm triển khai; các API nhận biết tư thế gập vẫn là bản xem trước dành cho nhà phát triển.
Apple đang tìm cách giúp Safari tận dụng tốt hơn màn hình ngoài iPhone Duo, theo thông tin hãng công bố cùng Safari 27.1 ngày 23/10/2026. Vấn đề nằm ở phần chiều ngang dành cho website: các nút điều khiển đặt bên phải chiếm một dải riêng, còn nội dung web hiện chưa được mở rộng vào khoảng phía sau chúng.
Đây là một đánh đổi về bố cục, không phải tình trạng Safari vẽ nút bấm đè lên chữ. Muốn lấy lại khoảng trống ấy, trình duyệt phải cho phép trang web trải rộng hơn mà vẫn giữ các thành phần quan trọng ngoài vùng điều khiển. Bỏ ranh giới hiện tại mà thiếu cơ chế bảo vệ có thể khiến website trông rộng hơn nhưng khó thao tác hơn.
Nới nền trang dễ hơn nới vùng có thể bấm
Phần diện tích lấy lại chỉ có ích khi người đọc vẫn nhìn và bấm được nội dung. Trên màn hình ngoài rộng và thấp hơn kiểu màn hình iPhone quen thuộc, iOS chuyển một số điều khiển sang cạnh bên để giữ thêm không gian theo chiều dọc. Safari hiện nối màu nền của website vào dải này, chứ chưa cho toàn bộ bố cục trang chạy xuống bên dưới các nút.
Với cách bố trí đó, phần nền có thể liền màu nhưng cột nội dung vẫn hẹp. Một tiêu đề hoặc khối ảnh đầu trang trải hết chiều ngang sẽ tận dụng không gian khác với nút đăng nhập hay nút giỏ hàng: nền có thể nằm sau điều khiển, còn nút của website cần một vùng bấm không bị che. Vì vậy, mở rộng trang và mở rộng vùng tương tác không nên được xem là cùng một việc.
Apple cho biết hãng đã cân nhắc dùng thẻ meta viewport với viewport-fit=cover, cho phép trang mở rộng vào vùng sát mép rồi để nhà phát triển dùng các biến môi trường tính khoảng cách an toàn. Nhưng qua khảo sát cách các website hiện được xây dựng, hãng thấy nhiều dự án chưa chừa khoảng cách đúng ở đủ các cạnh. Apple đang nghiên cứu cách ít dễ dùng sai hơn, chứ chưa phát hành giải pháp thay thế.
Điểm khó ở đây là khả năng tương thích với web đang tồn tại. Nếu chỉ website được sửa cẩn thận mới tận dụng được khoảng trống mà không mất nút bấm, người dùng sẽ gặp trải nghiệm khác nhau tùy trang. Giữ vùng nội dung tách biệt lúc này là lựa chọn thận trọng; điều đáng chờ ở thay đổi tiếp theo là cách Apple giảm rủi ro cho những website chưa được cập nhật.
Màn hình lớn bên trong vẫn có thể tạo cửa sổ hẹp
Thiết kế web cho điện thoại gập không thể chỉ chia thành màn hình ngoài nhỏ và màn hình trong lớn. Theo bảng kích thước WebKit công bố, khung nhìn Safari ở màn hình ngoài đặt dọc rộng 382 pixel CSS, còn mỗi cửa sổ khi chia đôi màn hình trong theo chiều ngang rộng 385 pixel CSS. Hai bối cảnh phần cứng khác nhau lại đòi hỏi bố cục web hẹp gần tương đương.
Pixel CSS là đơn vị bố cục website, không phải số điểm ảnh vật lý của tấm nền. Khi màn hình trong đặt ngang và chỉ có một tab, chiều rộng khung nhìn được WebKit công bố là 951 pixel CSS. Website cần thích ứng với khoảng không thực sự được cấp, thay vì suy từ tên thiết bị rằng lúc nào cũng đủ chỗ cho bố cục nhiều cột.
Với người đọc, mở máy có thể đem lại thêm không gian cho trang web, nhưng lợi ích ấy còn phụ thuộc vào cách bố trí cửa sổ. Với người làm web, đây là lý do nên kiểm tra cả cửa sổ hẹp trên màn hình lớn: một thanh điều hướng cố định hoặc biểu mẫu quá rộng vẫn có thể gây vướng dù thiết bị có màn hình gập.
Người mua nên đánh giá Safari hiện tại, không chờ lời hứa
Khả năng nhận biết tư thế gập là một hướng phát triển riêng, chưa phải giải pháp đã hoàn tất cho dải điều khiển trên màn hình ngoài. Safari 27.1 có bản xem trước Device Posture API và Viewport Segments API, nhưng nhà phát triển phải bật các cờ tính năng để thử nghiệm. API đầu cho biết màn hình đang gập một phần hay ở trạng thái liên tục; API sau mô tả các vùng hiển thị hai bên nếp gập để trang sắp xếp nội dung phù hợp.
Một chi tiết dễ nhầm là trạng thái continuous có thể ứng với cả máy mở phẳng lẫn máy đóng hoàn toàn. Chỉ biết tư thế vì thế chưa đủ để quyết định bố cục; website vẫn cần xét kích thước khung nhìn. Thiết kế co giãn theo không gian sẵn có nên là nền tảng, còn khả năng nhận biết nếp gập dùng để bổ sung khi có hỗ trợ.
Tại Apple Store trực tuyến Việt Nam, iPhone Duo được niêm yết từ 64.999.000 đồng. Với người cân nhắc bỏ ra số tiền này và thường xuyên đọc web khi máy đang đóng, phần diện tích Safari đang dành cho điều khiển là chi tiết nên kiểm tra ngay trên các trang mình dùng hằng ngày. Không nên coi việc Apple đang nghiên cứu là bảo đảm rằng một bản cập nhật sắp tới sẽ làm mọi website rộng và dễ dùng hơn.
Apple chưa đưa ra thời điểm triển khai cách mở rộng nội dung dưới vùng điều khiển, cũng chưa chốt giải pháp kỹ thuật cuối cùng. Điều cần theo dõi tiếp là cơ chế nào được lựa chọn và website phải thay đổi đến đâu để tận dụng được nó.
Nguồn tham khảo: WebKit: các tính năng Safari 27.1; 9to5Mac; Apple Store Việt Nam.
