Thread: epub3x cover
View Single Post
Old 12-13-2023, 09:52 PM   #7
azimuth
Enthusiast
azimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with othersazimuth plays well with others
 
Posts: 33
Karma: 2538
Join Date: Aug 2023
Location: NW US
Device: none
My initial goal: to get a cover image to function the same visually (for epub3) in a web browser, + same as in a desktop epub, + same as in an Android eReader epub -- all to function like an SVG, but using just JPG/PNG image and CSS so the bottom of the image would not spread off page.
Having gotten that, next...we made the suggested code changes to get the cover image sit on the left panel of a two-page spread (horizontal mode).

Code:
#container img {
  display: block;
  height: auto;
  max-height: 100vh;
  max-width: 100vw;
  margin: auto;
  border: 0;
  position: static;
  column-span: none;
  column-fill: auto;
}
Would this CSS change resolve BookFusion (on iOS) as well?

Last edited by azimuth; 12-14-2023 at 04:47 PM.
azimuth is offline   Reply With Quote