Trang web của tôi có diện mạo khác trên thiết bị di động
Bài viết này được dịch bằng máy. Nếu bạn tìm thấy sai sót, vui lòng cho chúng tôi biết.
Trang web của tôi có diện mạo khác trên thiết bị di động
Nguyên nhân có thể gây ra sự cố này
Reflow điều chỉnh trang web Canva theo các kích thước màn hình khác nhau bằng cách xếp chồng các thành phần theo chiều dọc, vì vậy các thành phần trên toàn màn hình rộng có thể không đổi cỡ rõ ràng, đồng thời trình duyệt, phiên bản trình duyệt và kích thước thiết bị có thể hiển thị trang web theo cách khác nhau.
Cách xử lý
- Kiểm tra tình trạng đè lên nhau: Chọn các Thành phần trong thiết kế của bạn rồi thay đổi kích thước hoặc xén để viền của chúng không chạm vào nhau.
- Tách các Thành phần có chiều rộng lớn: Thay các Thành phần lớn trải hết toàn bộ chiều rộng bằng những Thành phần nhỏ hơn có thể xếp chồng gọn gàng.
- Luôn nằm trong vùng lề an toàn: Giữ các Thành phần quan trọng bên trong ranh giới lề an toàn.
- Xem trước trên thiết bị di động: Sử dụng bảng Xem trước trên thiết bị di động trong khi chỉnh sửa. Hãy xem đây là bản mô phỏng gần đúng, vì trang web sau khi xuất bản có thể khác nhau tùy theo thiết bị và trình duyệt.
- Nhóm và khóa: Nhóm các Thành phần liên quan, rồi khóa nhóm để chúng luôn ở cùng nhau.
Nhóm thành phần
Nếu bạn muốn một số thành phần đứng cạnh nhau, hãy nhóm các thành phần đó lại. Nếu không, các thành phần có thể tách rời trong chế độ xem trên thiết bị di động.
- Kéo con trỏ chuột của bạn qua các Thành phần bạn muốn nhóm. Bạn cũng có thể giữ Shift trên bàn phím và chọn các Thành phần.
- Trên thanh công cụ nổi, chọn Nhóm.
- Để kiểm tra cách các Thành phần đã nhóm của bạn hiển thị trên thiết bị di động, nhấn vào Xem trước.
- Trong bảng Xem trước, nhấn vào nút Di động để xem bố cục di động.
Xem cách các hộp văn bản xếp chồng ở chế độ xem trên thiết bị di động trong ví dụ bên dưới.
Bài viết này có hữu ích không?
Hữu ích
Không hữu ích