Css 使HTML DIV/P绝对位置适合任何屏幕

我将PDF文件转换为HTML单个文件。当它成功转换为html时，文本位置与PDF中的位置相似（这很好）。PDF的大小是8.5乘11，我的问题是当它被转换成html文本时，文本被定位在绝对位置，所以当我在移动网络视图中查看它时，文本溢出

这里有没有人在这方面有类似的问题？如何使绝对位置div/p适合任何屏幕？我想让html内容看起来和pdf文件一样

提前谢谢。

html

<div class="Wrap">
      <div class="inside">
      </div>
    </div>

希望这有帮助

---

顺便说一下，宽度使用百分比

%

使用字体大小

vw

而不是

px

。 如果您正在使用

h1 {
    font-size: 15px;
}

那么你必须使用

h1 {
    font-size: 4.5vw;
}

只有一次。无需为每种媒体编写css

---

我希望这会对您有所帮助。

您好，您可以将您的

绝对

div包装为

相对

位置实际上，现在所有具有绝对定位的div都位于父相对定位div内。我想根据屏幕调整设备的宽度和高度（就像在任何设备中查看pdf一样）。我不想保留918x1188（这是父相对DIV的像素大小）。假设我有一个2x3英寸的设备，我想呈现“整个”页面…*我想根据screenhi调整父DIV的宽度和高度。。不要使用像素宽度使布局更固定使用

%

使其

100%

，我建议在确定设备屏幕宽度时使用媒体查询

h1 {
    font-size: 4.5vw;
}