# Chỉnh sửa giao diện cho điện thoại

Chọn **chế độ máy tính/điện thoại** trên trình chỉnh sửa để tùy chỉnh tương ứng cho từng thiết bị

* **Icon máy tính**: Chỉnh sửa giao diện hiển thị trên máy tính
* **Icon điện thoại**: Chỉnh sửa giao diện hiển thị trên điện thoại
* **Icon con mắt**: Ẩn/hiện các phần tử đang sử dụng tính năng ẩn/hiện trên từng thiết bị tương ứng

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

Hầu hết các phần tử trên Tempi đều có hỗ trợ chỉnh sửa riêng **kích thước (chiều rộng, chiều cao), cỡ chữ, bố cục** hiển thị riêng cho máy tính và điện thoại, chi tiết như bảng dưới

<table><thead><tr><th width="183">Phàn tử</th><th width="433">Thuộc tính hỗ trợ chỉnh sửa riêng cho máy tính/điện thoại</th></tr></thead><tbody><tr><td>Tất cả phần tử</td><td><p></p><ul><li>Margin</li><li>Padding</li></ul></td></tr><tr><td>Danh sách sản phẩm</td><td>Cỡ chữ</td></tr><tr><td>QR code</td><td>Kích thước</td></tr><tr><td>Icon</td><td>Kích thước<br></td></tr><tr><td>Slideshow ảnh</td><td><p></p><ul><li>Chiều cao</li><li>Số lượng phần tử hiển thị trên 1 hàng</li></ul></td></tr><tr><td>Video</td><td>Chiều rộng</td></tr><tr><td>Button</td><td>Kích thước<br>Cỡ chữ</td></tr><tr><td>Gallery</td><td><p>Layout</p><p>Số cột</p><p>Khoảng cách giữa các ảnh</p></td></tr><tr><td>PDF viewer</td><td>Kích thước<br></td></tr><tr><td>Tab</td><td>Cỡ chữ</td></tr><tr><td>Countdown</td><td>Cỡ chữ</td></tr><tr><td>Câu hỏi thường gặp</td><td><p></p><ul><li>Chiều rộng</li><li>Cỡ chữ</li><li>Khoảng cách giữa các mục</li></ul></td></tr><tr><td>Nội dung thu gọn</td><td><ul><li>Cỡ chữ</li><li>Khoảng cách với nội dung</li></ul><p><br></p></td></tr><tr><td>Icon mạng xã hội</td><td><p></p><ul><li>Kích thước khung</li><li>Kích thước biểu tượng</li><li>Khoảng cách</li></ul></td></tr><tr><td>Danh sách cửa hàng</td><td>Khoảng cách trên khi scoll</td></tr><tr><td>Progress</td><td><p></p><ul><li>Chữ: Cỡ chữ, khoảng cách dòng</li><li>Số: Cỡ chữ, khoảng cách dòng</li><li>Kiểu bar: Chiều cao</li></ul></td></tr><tr><td>Danh sách bài viết</td><td><p></p><ul><li>Dạng lưới: Số hàng, số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li><li>Dạng danh sách: Số lượng bài viết hiển thị, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li><li>Dạng trượt: Số lượng bài viết trên 1 hàng, khoảng cách giữa các bài viết, khoảng cách giữa các mục</li></ul></td></tr><tr><td>Trang sách</td><td><ul><li>Chiều cao</li><li>Chiểu rộng<br></li></ul></td></tr><tr><td>Danh sách</td><td><p>Số lượng mục trên 1 hàng</p><p>Khoảng cách giữa các mục</p><p>Khoảng cách giữa các hàng</p></td></tr><tr><td>Văn bản</td><td><p></p><ul><li>Cỡ chữ</li><li>Khoảng cách dòng</li><li>Khoảng cách chữ</li></ul></td></tr></tbody></table>

Đối với những phần bạn thiết kế khác nhau hẳn cho máy tính và điện thoại thì có thể chọn ẩn/hiện trên thiết bị tương ứng. **VD:** Bạn thiết kế ảnh A chỉ muốn hiển thị cho máy tính thì bạn có thể tùy chỉnh tương ứng như hình bên dưới

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


---

# 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://help.tempi.vn/cau-hinh-website/chinh-sua-giao-dien-cho-dien-thoai.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.