MobileRead Forums - View Single Post

Turtle91 · 07-02-2023, 07:09 PM

It appears you had a margin for your <body>. I set that to 0 and it appears to work fine...in Sigil...try it on your device.

Code:

<body style="background-color:rgb(0,0,255); margin:0">
  <div style="margin: 0; padding: 0">
    <svg xmlns="http://www.w3.org/2000/svg" height="100vh" width="100vw" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1275 2100" xmlns:xlink="http://www.w3.org/1999/xlink">
      <title/>
      <image width="1275" height="2100" xlink:href="../Images/Title_Page.png"/>
    </svg>
  </div>
</body>

I also changed the height and width to vh/vw instead of %.

07-02-2023, 07:09 PM	#39
Turtle91 A Hairy Wizard Posts: 3,361 Karma: 20212223 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	It appears you had a margin for your <body>. I set that to 0 and it appears to work fine...in Sigil...try it on your device. Code: <body style="background-color:rgb(0,0,255); margin:0"> <div style="margin: 0; padding: 0"> <svg xmlns="http://www.w3.org/2000/svg" height="100vh" width="100vw" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1275 2100" xmlns:xlink="http://www.w3.org/1999/xlink"> <title/> <image width="1275" height="2100" xlink:href="../Images/Title_Page.png"/> </svg> </div> </body> I also changed the height and width to vh/vw instead of %.