I am building a Wordpress website. When I link to an image file, I can get it to shrink according to the browser viewpoint by using:
<a href="file.jpg"><img style="float:left; max-width:100%;" alt="" src="displayphoto.jpg" /></a>
However, when I use the same type of statement to link to a pdf file, the pdf file display (using Adobe Reader) is NOT responsive. I am using the following HTML:
<a href="file.pdf"><img style="float:left; max-width:100%" alt="" src="displayphoto.jpg" /></a>
(I am using float:left because I have 4 picture links next to each other and as the browser window shrinks, I want the number of columns of displayed photos to decrease so it looks good on a smartphone.)
Can anyone provide the correct HTML to make linking to a pdf produce an Adobe Reader image of the pdf that shrinks according to the browser size so that it formats correctly on a smartphone without having to scroll?
Thanks in advance.