# Popup Content

## Sizing

The content of the iframe reflows, so no scale is applied.

## Images

Large images automatically shrink to iframe width.

## Talking to the iPaper API

You cannot communicate with the iPaper API.

## Rotation/resizing

The popup content wrapper has the following constraints:

```css
max-width:	600px;
min-width: 	200px;
min-height:	250px;
```

Content wrapper will resize itself, to fit inside the browser window, until it reaches a max/min width. Height is set based on content height, and window height. When content is taller than window, content will scroll. When the window is taller than the content, the content wrapper will set height based on content height.

## CSS applied

```css
html, body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
}
body {
    padding: 10px;
    -webkit-transform-style: preserve-3d;
    -webkit-text-size-adjust: 100%;
}
p {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}
hr {
    border: none;
    border-top: 1px solid #CCC;
    margin-top: 12px;
    display: block;
    height: 10px;
}
img {
    max-width: 100%;
    height: auto !important;
}
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ipaper.io/flipbook-enrichment/popup-content.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.