Skaluj HTML proporcjonalnie, aby pasował dokładnie do formatu PDF A4

Twój obraz tła nie jest dokładnie wysokiej rozdzielczości, to nie będzie wyglądać dobrze w druku.

Nie znam samego wkhtmltopdf, ale twoje ciało ma już ustalone wymiary absolutne (w calach). To prawdopodobnie jest problem. Twoje ciało ma maksymalny rozmiar, zawartość ma również rozmiar absolutny (ze względu na wymiary w pikselach obrazu tła).

Nie jest to dobry punkt wyjścia dla transformacji html-to-print, a PDF to zasadniczo drukowanie.

Co robić (intermediate)

• usuń wszelkie ograniczenia rozmiaru z ciała
• wkhtml... posiada przełącznik o nazwie zoom, 1.5 powinna być odpowiednia wartość do wypełnienia strony
• użyj strony-rozmiar a4

Co robić ("właściwy" sposób)

• Usuń ograniczenia rozmiaru z ciała
• budowanie obramowań tła (czarnych) z elementami html i stylami css
  • powstrzymaj się od definiowania reguł "szerokości" dla tych. Będziesz musiał tylko zdefiniuj raz "szerokość", wszystkie pozostałe szerokości powinny być ustawione na "auto".
  • wysokości okażą się kłopotliwe, ponieważ div są tylko tak wysokie, jak ich zawartość wymaga. Ale ustawienie wysokości: 100% nie uwzględnia rozmiaru obramowania i marginesu.
Ten żółty krzyż może być również zaprojektowany w css lub znacznie wyższej rozdzielczości png / jpeg [14]}
• używaj tylko" rzeczywistych " wymiarów. Oznacza to, że nie używaj pikseli, punktów, cali lub mm. możesz użyć wartości%, ale upewnij się, że są one % wartości rzeczywistych wymiarów (co oznacza, że w pewnym momencie element nadrzędny ma rzeczywisty wymiar)