ADE is cranky. The following code has always worked for me wherever I've tried it:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!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" xmlns:svg="http://www.w3.org/2000/svg">
<head>
<title>Cover</title>
<style type="text/css">
html,body {
height: 100% !important;
min-height: 100% !important;
width: 100% !important;
margin: 0 !important;
border-width: 0 !important;
padding: 0 !important;
}
div.coverpage {
height: 100%;
margin: 0;
padding: 0;
border-width: 0;
}
</style>
</head>
<body style="oeb-column-number: 1; background-color: #000000;" >
<div class="coverpage">
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
width="100%"
height="100%"
id="svg2"
xml:space="preserve" viewBox="0 0 2040 2640" preserveAspectRatio="xMidYMid">
<image xlink:href="tiw-frontcover.jpg" height="2640" width="2040">
<desc>Patriots: Traitors in Waiting</desc>
</image>
</svg>
</div>
</body>
</html>
Obviously YMMV, but it works for me on iBooks, ADE, Kindle (through kindlegen), Nook, etc. on a wide range of devices, scaling the content to fit within the window regardless of dimensions. I'm not 100% certain it works for scaling up, though, because I don't have a screen that big.
