I want to create a epub and display in Ibooks, this epub have a fixed layout but is dynamically generated, the result may have varying dimensions, but in ibooks needs a viewport with static width and height, for example:
Code:
<meta content="width=768, height=576" name="viewport"/>
Ibooks only show the content shown in the viewport
Also, some page have dynamic content and this can grow the size
i tried device-height or 100% and didn't work
Right now i put all content of the page in a DIV with this style:
Code:
body > nav > ol {
width: 90%;
margin-left: 2%;
margin-right: 2%;
}
.epub_content, body > nav {
width: 740px;
max-width: 740px;
min-width: 740px;
height: 536px;
max-height: 536px;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
padding: 8px 0px;
}
.exp_resource {
max-width: 740px;
overflow: hidden;
}
.window_container {
width: 770px;
max-width: 770px;
min-width: 770px;
height: 545px;
max-height: 545px;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
This work fine and i can see all content but anchors didnt works
Anyone know how to make scrollable page in epub with fixed layout?
Regards