print css: vừa với một trang

Question

Trong trang của tôi chỉ có một hình ảnh. Loại 1500x3000 px.
Trong máy in, tôi cần chiều rộng tối đa của hình ảnh này là chiều rộng của trang, vì vậy tôi đã làm: chiều rộng 100% trong css và nó hoạt động.
Nhưng chiều cao ... nhảm nhí của chiều cao 100% sẽ không bao giờ hoạt động. Bởi vì nó luôn luôn sẽ là 100% của container cha, sau đó một người nào đó phải có chiều cao được xác định. Hoặc html hoặc nội dung.
Vì vậy, câu hỏi của tôi là: làm cho hình ảnh này vừa với một trang.
Bất kỳ ý tưởng nào?

Answer 1

Ok xin lỗi vì đặt "giải pháp" dưới dạng nhận xét:

Điều tôi đã làm là giả định rằng 99% khách hàng (điều đó đúng) họ sử dụng một kích thước trang duy nhất. Vì vậy, tôi đặt một số cảnh báo trong giao diện in sẽ chỉ hoạt động với kích thước trang "X". quá tệ. nhưng nó đang hoạt động cho đến nay

Answer 2

Một cách để thực hiện việc này là thực hiện một số phép tính để tìm hiểu độ rộng sẽ làm cho độ dài chính xác là một trang và sau đó đặt chiều rộng của bạn trong CSS cho phù hợp.

Answer 3

Nếu tôi hiểu đúng này, bạn có thể làm

.OnePageImage { height: 100%; width: 600px; } 

đâu 600px (chiều rộng) là tổng chiều rộng của trang. Sau đó, hình ảnh sẽ vừa trên một trang (mặc dù có khả năng biến dạng). Bạn cũng có thể thêm một trang css phá vỡ phong cách cho một div trước và sau khi hình ảnh, được thực hiện như thế này:

.break { page-break-after:always; } 

Sau đó, mã sẽ trông như thế này:

<div class="break"></div> 
<img src="[your image src]" class="OnePageImage" /> 
<div class="break"></div> 

Answer 4

Điều duy nhất giới hạn đầu ra in tới một trang cho tôi là thiết lập chiều cao tính bằng cm của phần tử vùng chứa bao quanh toàn bộ trang và cũng thiết lập tràn để ẩn. Đối với một số lý do này dường như không làm việc trên các yếu tố cơ thể.

body > section { padding:0 !important; margin:0 !important; height:25.7cm !important; overflow:hidden !important; }

Ngẫu nhiên, tôi đã hy vọng rằng cài đặt trang-break-bên trong để tránh trên cơ thể hoặc các yếu tố container có lẽ là giải pháp cho hạn chế đến một trang in duy nhất nhưng điều đó dường như không có bất kỳ hiệu ứng nào.