HTML Content not scale to the A4 size. Content smaller than browser view.

[sheroqueen]

When button onclick run the export_form() function, what I miss up? The content is not as like in the browser view. It's smaller from my browser.

function export_form(){
	console.log('export');

	var pdf = new jsPDF("p", "pt", "a4");
	pdf.addHTML($('#container_section'), 15, 15, function() {
		console.log('export');
	  pdf.save('web.pdf');
	});
}

[Uzlopak]

Do you need help in webdesign?
SCNR.

[sheroqueen]

May I know what is the problem?

[Uzlopak]

The browserview is depending on your css etc.. So if your html-code or css is faulty, what do you expect you get in the pdf?

[krishnasharma1234]

use particular size of a4 shit
var pdf = new jsPDF('l','mm',[297, 210]);

It will work

[kgrosvenor]

use particular size of a4 shit
var pdf = new jsPDF('l','mm',[297, 210]);

It will work

Sheet * not shit ;)

[Histamina]

The browserview is depending on your css etc.. So if your html-code or css is faulty, what do you expect you get in the pdf?

Wow, that was so rude. We clearly have a genius here 🤡

---

@sheroqueen checkout this solution https://newbedev.com/how-to-set-image-to-fit-width-of-the-page-using-jspdf

[HackbrettXXX]

@Histamina since jsPDF@2.4.0 it's possible to pass width and windowWidth to the html function, which can be used to scale the HTML to fit the page.

[risalfajar]

@HackbrettXXX windowWidth is in CSS pixels unit, how to make it fit an A4 paper?