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

Question

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

这里有人可以对此有类似的问题吗？如何使绝对位置 div/p 适合任何屏幕？我想让 html 内容看起来与 pdf 文件相同。

提前致谢。

Answer 1

html

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

css

.wrap {
float:left;
position:relative
}

.inside {
float:left;
position:absolute
}

希望这有帮助

%顺便说一下宽度的百分比

Answer 2

使用您的字体大小vw而不是px. 如果你正在使用

h1 {
    font-size: 15px;
}

那么你必须使用

h1 {
    font-size: 4.5vw;
}

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

我希望这能帮到您。