bảng html tỷ lệ trước khi in bằng css

Question

Tôi có bảng là toàn bộ nội dung của tài liệu HTML (cho mục đích bảng hợp pháp ... nó là dữ liệu bảng, không phải cho bố cục). Một số ô có chiều rộng và chiều cao được chỉ định (không phải thông qua css nhưng sử dụng kích thước nội tuyến cũ trong cấu trúc bảng), nhưng bảng tổng thể không có chiều rộng hoặc chiều cao được chỉ định. Đây là một bảng khá lớn, nhưng với tỉ lệ thích hợp (khoảng 70%) nó có thể được in để vừa với nhau trên một tờ giấy. Điều này có thể được thực hiện bằng cách sử dụng chức năng "trang tỷ lệ" trong cài đặt máy in của IE, Firefox và Chrome. Có cách nào để mở rộng toàn bộ trang (trong trường hợp của tôi chỉ là bảng này) như là một phần của bản định kiểu in (tôi biết về @media print {} nhưng các câu lệnh đang bị bỏ qua ... vấn đề là với các lệnh thích hợp để mở rộng quy mô, không phải với việc thiết lập css in)? Tôi có thể mở rộng quan điểm trên màn hình với điều này:

body { 
    transform: scale(.7); 
} 

tuy nhiên khi in ấn, Chrome (và những người khác) bỏ qua quy mô của tôi và tự động mở rộng bảng để phù hợp với chiều rộng của giấy và có kết quả trong bảng của tôi là chia lên trang thứ hai. Tôi đã cố gắng áp dụng này cũng không thành công:

table {page-break-inside: avoid;} 

Answer 1

Tôi đã kết thúc viết lại toàn bộ bảng với kích thước phần trăm được áp dụng làm lớp và sau đó có thể mở rộng trang để in. Không chắc chắn lý do tại sao trình duyệt bỏ qua các kiểu in của tôi liên quan đến việc chuyển đổi nhưng chuyển đổi bảng từ kích thước cố định sang kích thước tỷ lệ đã cho phép tôi mở rộng quy mô bằng CSS và sự cố đã biến mất.

Answer 2

Bạn nên sử dụng các loại phương tiện truyền thông

@media print { 
    body {transform: scale(.7);} 
    table {page-break-inside: avoid;} 
} 

Vì vậy, phong cách này sẽ bằng cách áp dụng chỉ trong chế độ xem trước khi in. http://www.w3.org/TR/CSS21/media.html

Answer 3

Tôi biết tôi đang nâng những kẻ chết, nhưng đối với tương lai kết quả tìm kiếm tài liệu tham khảo:

Tôi chạy vào một vấn đề với các bảng siêu rộng gây ra tất cả các trình duyệt để tính toán chiều cao không chính xác và lặp lại các thead nhiều lần trên đơn các trang - giải pháp của tôi là áp dụng thu phóng: 80% cho cơ thể (% thay đổi tùy theo nhu cầu của bạn), buộc trang của chúng tôi phải phù hợp để in và sau đó được lặp lại chính xác ở đầu mỗi trang. Có lẽ cố gắng zoom sẽ làm việc nơi chuyển đổi không.