2011-10-06 33 views
9

Khi người dùng của trang web của tôi nhấp vào nút "in nhãn", anh được gửi đến trang chỉ có nhãn xuất hiện trên nền trắng và hộp thoại in sẽ mở ra. Câu hỏi của tôi là làm thế nào để "nghĩ" css cho nhãn này để nó được in trên toàn bộ chiều rộng giấy, bất kể giấy là gì (US, A4, ...).Cách thiết kế css để in nhãn

Tôi có nên sử dụng phần trăm để định kích thước mọi thứ, hộp, lề, ...? ems cho phông chữ? hoặc điểm? Có nên sử dụng đặt lại css trước không?

Có tài nguyên tốt trên mạng cho loại ứng dụng css này không?

Cập nhật: Tôi đã tạo nó với các phần nổi và độ rộng phần trăm bố cục tốt trên giấy thường. Vì vậy, hãy xem xét câu hỏi này đã đóng.

+0

Nội dung của nhãn của bạn là gì? Có một từ không? Đó là một loạt các phần khác nhau? Tôi hỏi vì điều này sẽ ảnh hưởng đến câu trả lời. – sosborn

Trả lời

0

Có thể là một thách thức đối với việc chia tỷ lệ mọi thứ chính xác nếu nhãn của bạn chứa các phần dữ liệu khác nhau.

Cách tôi thực hiện là tạo một hình ảnh SVG và chia tỷ lệ đó. SVG được thiết kế để mở rộng quy mô, trong khi (X) HTML được thiết kế để tái luồng nội dung tùy thuộc vào độ phân giải.

SVG chỉ là một số xml có thể được nhúng ngay trong HTML của bạn, look here để biết ví dụ.

0

Bạn nên tránh sử dụng vị trí: tuyệt đối/cố định, float: trái/phải.

Pt là tốt nhất cho phông chữ in, mặc dù nó không thực sự quan trọng hầu hết các lần.

1

Tôi đoán mẹo là làm cho bố cục càng lỏng càng tốt. Và tránh sử dụng px làm thước đo. Đây là một bài viết hay: CSS Design: Going to Print

Các vấn đề liên quan