Thực tiễn tốt nhất | DivMagic

Mẹo và thủ thuật để tận dụng tối đa DivMagic

1. Ưu tiên làm việc trên thiết bị di động

Tương tự với Tailwind, nhắm mục tiêu đến thiết bị di động trước rồi thêm kiểu cho màn hình lớn hơn. Điều này sẽ giúp bạn sao chép và chuyển đổi kiểu nhanh hơn và dễ dàng hơn nhiều.

DivMagic chuyển đổi một phần tử như bạn thấy trong trình duyệt. Nếu bạn có màn hình lớn, các kiểu được sao chép sẽ dành cho màn hình lớn và bao gồm lề, phần đệm và các kiểu khác cho kích thước màn hình đó.

Thay vì sao chép kiểu cho màn hình lớn, hãy thay đổi kích thước trình duyệt của bạn thành kích thước nhỏ hơn và sao chép kiểu cho kích thước màn hình đó. Sau đó, thêm kiểu cho màn hình lớn hơn.

2. Chú ý đến hậu cảnh

Khi bạn sao chép một phần tử, DivMagic sẽ sao chép màu nền. Tuy nhiên, màu nền của một phần tử có thể đến từ phần tử cha.

Nếu bạn sao chép một phần tử và màu nền không được sao chép, hãy kiểm tra phần tử cha để biết màu nền.

3. Chú ý đến phần tử grid

DivMagic sao chép một phần tử như bạn thấy trong trình duyệt của mình. Các phần tử grid có rất nhiều kiểu phụ thuộc vào kích thước khung nhìn.

Nếu bạn sao chép phần tử grid và mã đã sao chép không hiển thị đúng, hãy thử thay đổi kiểu grid thành flex

Trong hầu hết các trường hợp, việc thay đổi kiểu grid thành flex và thêm một vài kiểu (ví dụ: flex-row, flex-col) sẽ cho bạn kết quả tương tự.