Review HTML và CSSĐào tạo lập trình

Review HTML và CSS: lỗi bố cục và sửa responsive

Bàn giao từ 1 ngàyBao gồm chỉnh sửaKiểm tra chất lượng
Các gói
Bảo vệ thanh toánChi tiết
  • Chỉnh sửa trong phạm vi gói là miễn phí.
  • Nếu bạn không phản hồi trong vòng 3 ngày sau khi bàn giao, kết quả sẽ được tự động chấp nhận.
Đặt hàng · 949.000 ₫

Số tiền được tạm giữ khi bạn thanh toán và chỉ được chuyển khi bạn chấp nhận kết quả.

Review HTML và CSS: lỗi bố cục và sửa responsive

Ví dụ kết quả

Ví dụ cho gói Tiêu chuẩn

Review code: script Python nhập đơn hàng cho shop online nhỏ

Code đang làm gì

  1. Đọc orders.csv xuất từ shop.
  2. Với mỗi dòng đơn, tìm sản phẩm theo SKU trong stock.xlsx và trừ số lượng.
  3. Ghi lại tồn kho mới và lưu tổng kết vào import_log.txt.

Cấu trúc rõ ràng, tên hàm đặt tốt. Phần lớn lỗi đến từ dữ liệu đầu vào không giống như script mong đợi.

Lỗi và điểm yếu

#DòngMức độVấn đề
148CaoCùng một file CSV có thể bị nhập hai lần; không kiểm tra mã đơn đã xử lý. Đây là nguyên nhân khả dĩ nhất khiến tồn kho âm.
272Caoint(row["qty"]) crash khi gặp giá trị rỗng hoặc "2.0" từ đơn hoàn tiền.
395Trung bìnhTìm SKU phân biệt hoa thường: "gt-101" và "GT-101" bị coi là hai sản phẩm khác nhau.
4130Trung bìnhMở file không có encoding="utf-8", tên sản phẩm có dấu tiếng Việt bị lỗi trên Windows.
5201Thấpexcept: trống che mất lỗi thật, khiến log vô dụng.

Đoạn code đã sửa

Lỗi 1: bỏ qua đơn đã nhập

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... logic hiện có ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Lý do: mỗi đơn chỉ được trừ kho một lần, kể cả khi chạy lại script trên cùng file.

Lỗi 2: đọc số lượng an toàn

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Đơn %s: số lượng %r không hợp lệ, bỏ qua", row["order_id"], raw)
    continue

Lý do: dòng hoàn tiền hoặc hoàn một phần được bỏ qua kèm ghi chú rõ ràng, thay vì dừng cả lượt nhập.

Lỗi 3: chuẩn hóa SKU

sku = row["sku"].strip().upper()

Áp dụng .strip().upper() tương tự khi tạo dictionary tồn kho.

Phong cách và khả năng đọc

  • process() dài 90 dòng; nên tách thành read_orders, apply_to_stock, write_report.
  • Thay số cột cố định (row[7]) bằng tên tiêu đề cột.

Hãy thử từng chỗ sửa trên bản sao file của bạn: chúng tôi đã đọc code nhưng chưa chạy thử.

Khách hàng: chủ một shop trà online, tự viết script Python 310 dòng để nhập đơn từ file CSV xuất từ shop vào bảng tồn kho Vấn đề gặp phải: "Thỉnh thoảng tồn kho bị âm, và script bị crash với một số file."

Khách hàng và mọi thông tin đều là giả định.

Về dịch vụ này

Lỗi bố cục thường bắt nguồn từ vài nguyên nhân: chiều rộng cố định tràn trên điện thoại, container flex hoặc grid thiết lập sai, z-index không hoạt động vì stacking context, hoặc các media query xung đột nhau. Hãy dán HTML và CSS kèm ảnh chụp màn hình hiện trạng và mong muốn, chúng tôi giải thích vì sao bố cục bị vỡ và đưa ra CSS đã sửa. Chúng tôi cũng ghi chú những cải thiện nhanh về khả năng truy cập như văn bản alt, nhãn biểu mẫu và thứ tự tiêu đề.

Bao gồm những gì

  • Bạn nhận được gìBản review bằng văn bản trên trang đơn hàng: vì sao bố cục bị vỡ, các đoạn HTML và CSS đã sửa cho máy tính và điện thoại, kèm ghi chú về khả năng truy cập. Gói Cao cấp có thêm kế hoạch sắp xếp stylesheet thành các class dùng lại được.
  • Sửa bố cụcFlexbox, grid và tràn nội dung
  • Quy tắc responsiveMedia query không xung đột
  • Xếp lớp và z-indexVì sao phần tử bị che khuất
  • HTML ngữ nghĩaTiêu đề, landmark, nút bấm
  • Khả năng truy cập cơ bảnVăn bản alt, nhãn và độ tương phản

Cách hoạt động

  1. 1
    Yêu cầuBạn dán mã và ảnh chụp màn hình
  2. 2
    ĐọcChúng tôi tìm quy tắc làm vỡ bố cục
  3. 3
    Đánh giáBạn nhận CSS đã sửa và ghi chú

Chúng tôi cần gì từ bạn

HTML và CSS dán dạng văn bản, ảnh chụp màn hình sự cố trên máy tính và điện thoại, các trình duyệt xảy ra lỗi và giao diện mong muốn.

Chúng tôi sẽ hỏi bạn:

  • Đây là CSS thuần hay một framework?
  • Lỗi xảy ra ở kích thước màn hình và trình duyệt nào?
  • Phần này cần trông như thế nào?
  • Trang được dựng bằng trình tạo trang hay viết tay?

So sánh các gói

Các góiCơ bảnMarkup tối đa 100 dòng407.000 ₫Tiêu chuẩnMarkup tối đa 400 dòng949.000 ₫Cao cấpTối đa 1.000 dòng kèm kế hoạch stylesheet1.870.000 ₫
Thời hạn1 ngày2 ngày3 ngày
Số lần chỉnh sửa123
Số dòng codetối đa 100tối đa 400tối đa 1.000
Đoạn code đã sửaCóCóCó
Kế hoạch dọn dẹp stylesheetKhôngKhôngCó
Đặt hàng Cơ bảnĐặt hàng Tiêu chuẩnĐặt hàng Cao cấp

Bảo vệ thanh toán

Bạn thanh toán khi đặt hàng, nhưng tiền chỉ được chuyển cho kết quả đã được chấp nhận.

  • Giá cố địnhGiá gói không thay đổi sau khi bạn thanh toán.
  • Số tiền được tạm giữKhi bạn thanh toán, số tiền chỉ được tạm giữ. Tiền được chuyển cho dịch vụ khi bạn chấp nhận kết quả.
  • Kiểm tra trước khi bàn giaoMọi kết quả đều được kiểm tra chất lượng trước khi đến tay bạn, và bạn xem được kết quả trên trang đơn hàng trước khi chấp nhận.
  • Chỉnh sửa miễn phíYêu cầu chỉnh sửa trong phạm vi bản yêu cầu của bạn, với số lần mà gói cho phép.
  • Tự động chấp nhận sau 3 ngàyNếu trong vòng 3 ngày sau khi bàn giao, bạn không chấp nhận kết quả cũng không yêu cầu chỉnh sửa, kết quả sẽ được tự động chấp nhận. Nếu bạn nhắn tin trong chat đơn hàng sau khi bàn giao, đơn hàng sẽ chờ; sau khi trả lời, chúng tôi có thể tính lại 3 ngày từ đầu và sẽ thông báo trong chat.
  • Làm lại hoặc hoàn tiền toàn bộNếu kết quả không đúng với yêu cầu của bạn và các lần chỉnh sửa không khắc phục được, hoặc công việc kéo dài quá gấp đôi thời hạn, hãy nhắn tin trong chat đơn hàng: chúng tôi sẽ làm lại hoặc hoàn tiền toàn bộ.
Cách hoạt động →

Hỏi đáp

Các bạn có kiểm tra trên trình duyệt thật không?

Không, chúng tôi đọc mã và ảnh chụp màn hình của bạn. Hãy kiểm tra CSS đã sửa trên các trình duyệt của bạn trước khi xuất bản.

Các bạn sửa được trang làm bằng Wix hoặc Tilda không?

Chỉ phần mã tùy chỉnh bạn thêm vào đó. Bố cục của chính trình dựng trang được điều khiển trong trình chỉnh sửa, không phải trong mã bạn có thể gửi.

Đây có phải là kiểm tra khả năng truy cập toàn diện không?

Không. Chúng tôi ghi chú các vấn đề rõ ràng trong mã bạn gửi; kiểm tra toàn diện cần thử với trình đọc màn hình trên trang đang chạy.

Các gói
Đặt hàng · 949.000 ₫· 2 ngày