diff --git a/.epub/example/OEBPS/sections/section0001.xhtml b/.epub/example/OEBPS/sections/section0001.xhtml
index 8a0f314..bce5a84 100644
--- a/.epub/example/OEBPS/sections/section0001.xhtml
+++ b/.epub/example/OEBPS/sections/section0001.xhtml
@@ -2,6 +2,8 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta name="x-ipub-version" content="0.1" />
+    <meta name="viewport"
+    content="initial-scale=1,width=device-width,height=device-height,viewport-fit=contain" />
     <link href="../styles/stylesheet.css" rel="stylesheet" type="text/css" />
     <!-- <script type="module" src="../scripts/ipub.js" fetchpriority="high"></script> -->
     <script defer="true" src="../scripts/ipub.js" fetchpriority="high">
@@ -9,8 +11,8 @@
     </script>
   </head>
   <body xmlns:epub="http://www.idpf.org/2007/ops" class="body">
-    <ipub-content style="--ipub-padding: 10%;">
-      <main>
+    <ipub-body style="--ipub-padding: 10%;">
+      <main id="content">
         <ipub-background id="background0001">
           <img src="../images/background0001.jpg" width="100" height="100" />
         </ipub-background>
@@ -54,6 +56,6 @@
           <img src="../images/image0004.png" />
         </ipub-image>
       </main>
-    </ipub-content>
+    </ipub-body>
   </body>
 </html>
diff --git a/.epub/example/OEBPS/styles/stylesheet.css b/.epub/example/OEBPS/styles/stylesheet.css
index 8683855..7b6cce4 100644
--- a/.epub/example/OEBPS/styles/stylesheet.css
+++ b/.epub/example/OEBPS/styles/stylesheet.css
@@ -8,9 +8,22 @@
   margin: 0;
 
   max-width: 100vw;
+  max-height: 100vh;
+  overflow: clip;
+  display: flex;
+
 }
 
-ipub-content {
+ipub-body {
+  max-width: 100%;
+  max-height: 100%;
+
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+
+  overflow: scroll;
   --ipub-padding: 0%;
   --ipub-gap: 0%;
   --ipub-padding-x: var(--ipub-padding, 0%);
