I did some tinkering and found a way to get what I want.
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head xmlns="http://www.w3.org/1999/xhtml">
<meta content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" name="generator" />
<meta content="width=737, height=575" name="viewport" />
<title>Audacious Little Princesses</title>
<style type="text/css">
body {width: 737px; height: 575px; margin: 0; }
img {max-width: 100%; max-height: 100%; }
</style>
</head>
<body>
<div><img alt="" src="../Images/page1.jpg" width="737px" /></div>
</body>
</html>
I just used a fixed height and width (one's that worked for me) for each page. It works like a charm for each platform I tested.
Quick question. What would be the best image format to use in terms of quality? I have high quality png files, but they're really big. I reduced them to jpg files, but I feel that the quality has dipped a little bit. Basically, I want something that isn't too big and retains most of its quality.