Quote:
Originally Posted by Turtle91
I noticed this as well...my fix is to use an SVG wrapper for full page images along with the vh/vw units for height and width.
|
Didn't seem to work. It created a blank page.
Here's what I currently have for the book cover. The dimensions are 1127x1800 pixels but I didn't put that anywhere in the code. All in all, it looks great and I don't care if it fills the entire screen, but it does cut a portion of the bottom of the image off and spills it over onto the next page.
Please guide me where I can make some changes:
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" xml:lang="en">
<head>
<link href="../Styles/nyrb.css" rel="stylesheet" type="text/css"/>
<title>Cover</title>
<style type="text/css">
img { max-width: 100%; }
</style>
<meta content="urn:uuid:4bf76f52-8996-4795-95a0-48e28ff4cf4d" name="Adept.expected.resource"/>
</head>
<body>
<div style="text-align: center;"><img alt="Doomsday Book" src="../Images/cover.png"/>
</div>
</body>
</html>