SDKLauncher-Android icon indicating copy to clipboard operation
SDKLauncher-Android copied to clipboard

How to make body use “padding”or“margin” ?

Open wangyingowen opened this issue 8 years ago • 4 comments

set up a full screen, and my book HTML tag set background, for example, <html... class= "background-img-repeat" >

... /body>. body set marin:50px. The content of the body is covered with the screen, and why? android&&readium 1

wangyingowen avatar Mar 02 '18 03:03 wangyingowen

First of all, what happens when you open your HTML file in standard web browser, and expand the browser window to full screen? Is your content fully stretched too?

danielweck avatar Mar 02 '18 08:03 danielweck

Secondly, the Readium layout/rendering process removes HTML body margin so that the pagination engine can deliver consistent results with respect to blank spacing on the outer edges. Maybe this is what you are getting to? Have you tried using min-max width CSS to set appropriate dimensions for your content? Again, first it would be preferable to test in regular web browsers, then see how things look in Readium. You could use the Readium cloud reader to save you time, compared with launching the Andoid app.

danielweck avatar Mar 02 '18 08:03 danielweck

more info about body margin removal here: https://github.com/readium/readium-shared-js/wiki/ContentModifications#dynamic-pagination

danielweck avatar Mar 02 '18 08:03 danielweck

@danielweck First of all,when Iopen theHTML file in standard web browser,it‘s ok, content not fully stretched;But in readium the content fully stretched

wangyingowen avatar Mar 02 '18 08:03 wangyingowen