Các điểm ngắt khi thiết kế Landing Page trên Mobio
Khi thiết kế landing page, cần xác định các điểm ngắt (breakpoints) để đảm bảo giao diện hiển thị tốt trên nhiều thiết bị khác nhau.
Các điểm ngắt trên Mobio Landing Page dựa trên kích thước màn hình của thiết bị:
Máy tính để bàn & màn hình lớn (là giao diện thiết kế chính của Landing page): từ 1200px trở lên
Máy tính để bàn& laptop (1200px trở xuống)
Máy tính bảng (1000px trở xuống)
Điện thoại (750px trở xuống)
Điện thoại (480px trở xuống)
Ngoài các điểm ngắt mặc định, người dùng có thể điều chỉnh các điểm ngắt thấp hơn cho từng màn hình thiết bị. Cấu hình điều chỉnh điểm ngắt nằm ở menu bar trên cùng giao diện Landing Page Builder.
Lưu ý:
Đây là điểm ngắt chiều rộng của trang Landing Page. Chiều dài không có giới hạn, tuỳ thuộc vào nội dung của page.
Người dùng nên hoàn thiện thiết kế trên từng màn hình trước khi chuyển sang thiết kế responsive trên màn hình khác.