Chuẩn bị cho việc Chrome trên Android hiển thị tràn viền

Ngày xuất bản: 28 tháng 2 năm 2025

Chế độ tràn viền là một tính năng của Android cho phép các ứng dụng trải dài toàn bộ chiều rộng và chiều cao của màn hình bằng cách vẽ phía sau các thanh hệ thống Android.

Trước Chrome 135, Chrome trên Android không vẽ tràn viền. Tuy nhiên, từ Chrome 135, Chrome trên Android có thể vẽ nội dung web lên đến cạnh dưới cùng của thiết bị bằng cách mở rộng khung nhìn vào khu vực thanh điều hướng bằng cử chỉ.

Hình ảnh minh hoạ khung nhìn không tràn viền trong Chrome trên Android (bên trái) và khung nhìn tràn viền trong Chrome trên Android (bên phải). Mỗi hình ảnh trực quan có một hộp màu xanh dương đại diện cho một phần tử có kích thước chiều cao là 100vh. Văn bản ở bên trái làm rõ những gì sẽ xảy ra khi chrome không tràn viền. Thông báo này có nội dung "Khung nhìn vẫn được kẹp giữa thanh trạng thái trên cùng và thanh điều hướng bằng cử chỉ ở dưới cùng". Văn bản ở bên phải làm rõ những gì sẽ xảy ra khi chrome chạy tràn viền. Thông báo này có nội dung "Khung nhìn mở rộng vào thanh điều hướng bằng cử chỉ".
Hình ảnh minh hoạ khung nhìn trong Chrome không tràn viền và tràn viền.

Chrome 135 trên Android có một thanh dưới cùng có tên là "cằm". Thanh này sẽ tự động biến mất khi bạn cuộn. Điều này có nghĩa là trong hầu hết các trường hợp, bạn sẽ không cần làm gì đặc biệt khi phát triển trang web. Tuy nhiên, trong một số trường hợp, nội dung có thể bị thanh điều hướng bằng cử chỉ che khuất.

Để giúp bạn dễ dàng áp dụng thiết kế tràn viền, chúng tôi đã chuẩn bị hướng dẫn giải thích tác động của thay đổi này đối với trang web và những việc bạn có thể làm để thích ứng với thay đổi này.

Hướng dẫn di chuyển sang chế độ tràn viền cho Chrome trên Android.