# Chế độ điện thoại (Mobie)

## **1. Mục tiêu**

Đảm bảo trải nghiệm người dùng hoàn hảo trên thiết bị di động. Vì phần lớn lưu lượng truy cập hiện nay đến từ điện thoại, mục tiêu của chế độ này là tối ưu hóa tốc độ đọc, khả năng tương tác bằng ngón tay và tính thẩm mỹ trên màn hình dọc hẹp.

## **2. Khi nào dùng?**

* Bước bắt buộc: Đây là bước quan trọng nhất trước khi xuất bản trang.
* Tối ưu chuyển đổi: Dùng để kiểm tra xem các nút bấm (CTA) và Form đăng ký có hiển thị rõ ràng và dễ thao tác hay không.
* Tinh chỉnh nội dung: Khi cần thay đổi kích thước chữ hoặc ẩn bớt các thành phần không cần thiết để trang tải nhanh hơn trên mạng di động.

## **3. Các bước thực hiện**

* Kích hoạt: Chọn biểu tượng Hình điện thoại đứng (nhỏ) trên thanh điều hướng phía trên.

<figure><img src="/files/yHhzZmlxgpxa7vBCOplO" alt=""><figcaption></figcaption></figure>

* Điều chỉnh văn bản: Chọn các khối chữ và tăng kích thước (font-size) lớn hơn một chút so với Desktop để người dùng không phải phóng to màn hình khi đọc.
* Tối ưu hình ảnh: Thu nhỏ các khung hình ảnh hoặc chuyển từ định dạng nằm ngang sang khổ vuông/dọc để vừa vặn với chiều rộng hẹp của màn hình điện thoại.
* Sắp xếp bố cục: Chuyển các khối nội dung từ dạng nhiều cột (ngang) sang dạng xếp chồng (dọc) để tránh việc nội dung bị tràn khung (scroll ngang).

## **4. Lưu ý quan trọng**

* Ưu tiên nút bấm: Đảm bảo các nút hành động (như "Đăng ký ngay") đủ lớn và nằm ở vị trí dễ chạm bằng ngón cái.
* Tốc độ tải: Trên Mobile, hãy hạn chế sử dụng quá nhiều hiệu ứng chuyển động phức tạp hoặc hình ảnh quá nặng để tránh làm chậm tốc độ hiển thị.
* Tính độc lập: Các thay đổi về kích thước, khoảng cách (margin/padding) hay căn lề thực hiện ở chế độ Mobile sẽ không làm thay đổi giao diện trên Desktop, giúp bạn tự do tối ưu hóa mà không sợ hỏng bố cục gốc.
* Kiểm tra lề: Luôn để một khoảng trống nhỏ (khoảng 15-20px) ở hai bên mép màn hình để nội dung không bị dính sát vào cạnh điện thoại.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/tac-vu-chung/che-do-hien-thi-da-nen/che-do-dien-thoai-mobie.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.