PDFs are by design created to look like printed documents. In other words, they are designed so that you can send them to a printer. Before responsive web design, PDFs were a good, although not ideal, solution. The PDF would just look like a squished down version of the original web page and PDFs were easy to produce. You just choose "print" on your browser and select the "Save as PDF" option. However, today, almost all websites are designed as "responsive" which means that they "respond" to the size of the device screen, whether that screen is a smart phone or a gigantic desktop computer screen. Now when you create the PDF, the PDF will be created not as what you see on your big screen, but as what you would see if you were using a smaller screen, like your cell phone. This is often not the version that you want to show to your customer.

Best Option

There is an easy third option that is often overlooked. In Chrome, Firefox, or Opera, right click on your computer screen, choose "Save As", and select the option "Webpage, Complete". When you do this, you not only save one file, but you additionally save a folder with the same name that stores all the images, the formatting, and anything else needed to exactly replicate that page exactly as it looked at the moment that you saved it.

The page you have saved is completely self-contained and can be later viewed and shown to your customer even without internet access. You will not be able to click the links, so be sure to save all pages you may need to show your customer. Also, don't forget to select the "Webpage, Complete" option to ensure the accessory images and formats are saved.

When saving your page, save it to a useful name, like " List of locations" or some name you can remember. If you are using Windows 10, you can quickly pull up this file by typing the name you saved into the Windows 10 search box. If the search presents you with both the HTML file and the accessory folder, be sure to click the HTML file and not the folder.