Simply paste this code into the body of your HTML file and replace the image name with your mock up JPG and match the background colour with your image background. Easy as that!

The client will no longer view designs scaled down and pixelated within email interfaces like Microsoft Outlook or view pdf’s files in Adobe Acrobat at 78.8% zoom.

Using this code will allow you to display a deceivingly non-functional design within your clients chosen web browser. This tip should help get your concepts viewed in a controlled way that will hopefully do your designs justice.

Adobe Acrobat can sometimes default to fit to screen rather than actual size


<style type="text/css">
body {
margin:0px;
padding:0px;
background-color: #FFFFFF;
background-image: url(mock-up-image.jpg);
background-repeat: repeat-x;
background-position: center top;
}
body img {margin:0px;}

</style>


Here is a working example.