Popup Content
The content of the iframe reflows, so no scale is applied.
Large images automatically shrink to iframe width.
You cannot communicate with the iPaper API.
The popup content wrapper has the following constraints:
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.
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;
}
Last modified 1yr ago