Zmienianie rozmiaru zawartości strony, aby zmieścić się na jednej stronie wydruku

Question

Ten problem z IMO jest bardziej związany z CSS, ale jestem otwarty na każde rozwiązanie. Próbuję wydrukować stronę, której wysokość jest zdefiniowana w px (próbowałem również%). Teraz Co się dzieje w Safari i IE 8 i późniejszych, zawartość strony nie będzie drukowana na jednej stronie.

Obecna konfiguracja

div.parent-container{ 
    height: 900px; 
} 

div.parent-container div.child-containers{ 
    height:100%; 
} 

Co się dzieje

będzie drukować wszystko na jednej stronie w FF, ale w IE i zawartość Safari będzie podzielony na dwie strony, która jest do cholery problem dla moich użytkowników. Muszę im powiedzieć, aby ustawić marginesy strony: 0.3, co zdecydowanie nie jest skutecznym sposobem.

Co mam zrobić

Próbowałem różnych specyficznych hacki @Page i przeglądarki, aby to działało, ale to nie okazać się owocne OR nie wydaje mi się skuteczny (Nigdy nie byłem fanem spersonalizowanych hacków przeglądarki).

Co chcę

rozwiązanie CSS/JS, aby treść stron wydrukować na jednej stronie może być coś takiego jak „Shrink Fit”.

Dzięki, Rahi

Answer 1

Urządzenia drukujące zazwyczaj mierzą ich zawartość w dimmensions fizycznych (w, cm, ft, etc). Szerokość pikseli zależy od rozdzielczości monitora, a zatem nie można polegać na każdym urządzeniu wyjściowym.

Jeśli ma to kluczowe znaczenie dla wydrukowanej strony, najprawdopodobniej potrzebny będzie plik CSS przeznaczony do drukowania - taki, który wykorzystuje cale, centymetry lub cokolwiek innego.

Sprawdź to previous post - Myślę, że to pomoże.