|
img {
height: 100%;
width: 100%;
}
The above code works fine for me for full-sized images. I never use the max-height or max-width, since just height and width work fine--and still work fine in v4.2. I never use 100vh, either.
Just make sure the margins for the body class on the image page are set to be small. I use 10pt for the side margins. This results in the image being centered when viewing the epub, as follows:
.calibre-cover {
display: block;
font-size: 1em;
padding-left: 0;
padding-right: 0;
text-align: center;
line-height: 1.2;
margin-bottom: 0;
margin-left: 10pt;
margin-right: 10pt;
margin-top: 0;
}
|