Did a bit of experimenting. First try to find the pixel dimensions of your iPhone
In Sigil go to code view of (presumably) titlepage.html (possibly .xhtml)
This is what I have:
Quote:
<title>Cover</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body class="marg">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%">
<image height="800" width="600" xlink:href="../Images/cover.jpg"></image>
</svg>
</body>
|
Noticed I linked my Stylesheet.css with this page as well as the rest of my "text" pages.
where class="marg" I have in my stylesheet the following:
Quote:
.marg {
margin: 0 0 0 0
}
|
The height="100%" is linked to width="100%" with preserveAspectRatio.
This cover is setup for my Kobo screen size, which is 600w x 800h, so if you know what your iPhone pixel dimensions are you can change the numbers accordingly. I haven't played with this much but the numbers work for me giving me full screen coverage with the book cover. There is still a border around the image but that's the way the Kobo is.