Eine Cover-Seite mit SVG-Einsatz. Der SVG-Code sorgt dafür, dass die Cover-Abbildung immer zu 100% (auch in der Höhe!) sichtbar ist.
An zwei Stellen, in den Attributen @viewBox und @width / @height muss zusätzlich noch die Höhe und Breite der Abbildung angegeben werden!
Die SVG-Lösung für das Cover ist daher nur sinnvoll, wenn Sie sicherstellen können, dass Ihre Cover-Abbildungen immer die gleichen Abmessungen haben!
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>[Cover]</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" id="style-standard" />
</head>
<body style="oeb-column-number: 1;" class="meta_cover">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="coverpage" viewBox="0 0 1206 1650" width="100%" height="100%">
<image x="0" y="0" width="1206" height="1650" xlink:href="images/U1_{{eISBN}}.jpg"/>
</svg>
</body>
</html>