Why is my flipbook so tiny? This question comes up a lot and is the top question we’ve answered in our support history. It typically happens when users try to embed their flipbook on their site.
How flipbook size works?
The size of flipbook is determined by:
1 . The width and height of the container where you add the flipbook play a crucial role. If you embed it in a narrow container, it can’t grow wider than the container. Although the height can be adjusted in the settings, the width is wholly determined by the parent element’s width.
2. Book page proportions also impact the display. Even with an increased height setting, the flipbook adjusts its size to fit the specified dimensions without stretching to fill the entire space.
3. Window Size: The size of the browser window or screen might influence the flipbook’s appearance. Smaller windows will result in a downsized flipbook.
4. Adaptive Design: The flipbook is designed to adjust to different screen sizes to remain user-friendly, which can make it appear smaller on certain devices.
5. Style Sheets: Conflicting CSS rules or external styles applied to the flipbook or its parent container might be constraining its dimensions.
6. Browser Zoom: The zoom setting of the web browser can make the flipbook seem smaller or larger depending on the zoom percentage.
7. Surrounding Space: Padding or margins applied to the parent container can reduce the available space, making the flipbook appear smaller.
Why is the flipbook small?
There can be many reasons for this:
- Flipbook is added inside small container. We recommend adding flipbook inside a bigger container.
- Flipbook is set to 100% height and the container doesn’t have explicit height calculation. We recommend checking the container height and setting a value.
- Flipbook is added inside hidden containers(tabs, accordions) and so cannot determine the size when page loads and takes minimum size. We recommend using poups.
You can apply fixed height to the flipbook like 500px and the flipbook will be 500px. But there are times, this is not done, yet customers expect to take a big size. As of new version the calculation is changed and flipbooks take height according to the width – by determining the maximum size that could fit in the given width of container.