Quote:
Originally Posted by JSWolf
The problem is that @RbnJrg is using Chrome add-ons such as Readium and Chrome does not support % properly. That's why full screen covers failed with valid code. Most people will not be using Chrome add-ons to read ePub. Most will be using a phone, tablet, or Reader.
|
I test my code with all kind of apps and programs (based and non based on Chrome). The issue with "%", is that "%" works fine for "width" but in order to work fine with "height" (under Chrome or everywhere), it must be defined first the "height" of the container.
Things are not analogous. When we defined a "%" for a width, we are referring to the width of the screen. But when we defined a "%" for a height. we are not referring to the height of the screen but we are referring to the height of the container. So, if you want to use "%" referring to the height of the screen, you need first to set the height of html and body of this way:
Code:
html, body {
height: 100%;
}
The above is ok ONLY for one page (like a cover). Do that, and things also will work under Chrome. However, you can find drawbacks in some others apps and programs.